关于vue项目在IE浏览器不兼容问题
这是我第一次写博客,有不合适的地方请大神哥哥,神仙姐姐多多指点;不在矫情了,直接步入主题。关于vue项目在IE浏览器不兼容解决方案网上有很多。但是,说的太简单了,我通过大量百度和实践从新整理一下:1.安装babel-polyfill 插件npm install --save-dev babel-polyfill或者npm install babel-polyfill --save-dev 或者 n
·
这是我第一次写博客,有不合适的地方请大神哥哥,神仙姐姐多多指点;不在矫情了,直接步入主题。
关于vue项目在IE浏览器不兼容解决方案网上有很多。但是,说的太简单了,我通过大量百度和实践从新整理一下:
1.安装babel-polyfill 插件
npm install --save-dev babel-polyfill 或者 npm install babel-polyfill --save-dev 或者 npm install babel-polyfill -D
2.在src目录中找到main.js,将该插件引入到项目中
import 'babel-polyfill'
3.在【build】目录下【webpack.base.conf.js】中找到【entry】,修改配置
entry: {
app: ["babel-polyfill", "./src/main.js"]
},
注:如果使用的是vue-cli3或者vue-cli4那么修改的话是在vue.config.js中,如下:
chainWebpack(config) {
// 在chainWebpack中添加下面的代码
config.entry('main').add('babel-polyfill') // main是入口js文件
}
网上大多数解决方案就到这里了,但是当我们真正开发的时候会发现,调用后台接口会报错,当我们打开IE控制台---“Network”的时候会发现,我们的接口路径传的中文参数会出现乱码:
(原因是IE的安全机制导致,具体原因可以问度娘,哈哈哈~),解决方法
使用js方法:encodeURI()将接口路径包裹起来,例如:
url:encodeURI('api/text/info?name='+'世界你好')
到这里应该大多数哥哥,姐姐应该与我遇到问题差不多了,但是没有结束,哈哈哈~
下面再说一下Swiper轮播图在IE上问题(主要针对Vue项目)
其实很简单,只要将swiper降低到swiper3.4.2就解决了,亲测有效。**但是,swiper3和4的api有些不同,需要重新调整一下**。具体如何改,就辛苦哥哥,姐姐们看一下文档啦,嘿嘿~
当这里问题基本上能够解决了,有什么问题,希望哥哥,姐姐们不吝赐教。
更多推荐
已为社区贡献1条内容
所有评论(0)