这是我第一次写博客,有不合适的地方请大神哥哥,神仙姐姐多多指点;不在矫情了,直接步入主题。
   关于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有些不同,需要重新调整一下**。具体如何改,就辛苦哥哥,姐姐们看一下文档啦,嘿嘿~
当这里问题基本上能够解决了,有什么问题,希望哥哥,姐姐们不吝赐教。
Logo

前往低代码交流专区

更多推荐