当前位置: 首页 > Web前端 > vue.js

vue+ant-design-vue项目兼容IE11浏览器(血泪踩坑)

时间:2023-03-31 23:02:38 vue.js

vue-cli启动项目,登录成功后提示未登录解决方法:当本地service开始访问域名localhost,ie11不支持在localhost写cookie,必须使用ip地址。不要忘记在代理设置中将cookieDomainRewrite配置为ip地址,关闭之前打开的选项卡,然后重试。页面报错findIndexisnotafunctions6API不存在,需要添加polyfill解决方法:webpack包入口加上babel-polyfill或者@babel/polyfill,入口如下:{app:['babel-polyfill','./src/main.js']}//vue-cli4写法module.exports={chainWebpack(config){config.entry('main').add('@babel/polyfill')}}的语法错误第三个库已经查过了,vue-cli的babel-loader默认忽略node_modeules里面的文件,导入库的代码有es6语法。解决方法:在vue.config.js中添加transpileDependencies配置module.exports={transpileDependencies:['xx']}增删改查后请求数据从缓存中显示解决方法:判断是否为IE浏览器,以及拦截request请求参数带上timestamp//axios//判断是否是ie11constisIE=navigator.userAgent.indexOf('Trident')>-1&&navigator.userAgent.indexOf('rv:11.0')>-1//请求拦截axiosX.interceptors.request.use(config=>{if(isIE&&config.method.toLocaleLowerCase()==='get'){config.params=Object.assign({},config.params,{t:Date.now()})}returnconfig},err=>{returnPromise.reject(err)})newDate()提示invaliddate解决方法:新建Date()参数-替换为/vue自定义组件在父组件中使用,内部样式无效解决方法:不要在父组件中添加内部样式,使用class//错误的姿势,内部样式不会被编译//正确的姿势,使用class