vue兼容ie浏览器

版权声明：有用请收藏，转载请注明出处！不做伸手党，谢谢！ https://blog.csdn.net/qq_42221334/article/details/88711025

首先我们按照步骤来安装vue-cli 
创建项目运行

npm install
npm run dev

然后我们在ie9下打开发现没有用但是vue官网告诉我们他是兼容ie9的

官网地址：https://github.com/vuejs/vue

 

然后就找资料查文档，总算给我找到了。 
要实现其实很简单，只需要我们下载一个babel-polyfill，

npm install babel-polyfill --save-dev

下载完成后我们怎么用它 
这时我们要找到build文件夹下webpack.base.conf.js在里面修改一下就行了

module.exports = {
  entry: {
    app: './src/main.js'
  },

改成

module.exports = {
  context: path.resolve(__dirname, '../'),
  entry: {    
    app:['babel-polyfill','./src/main.js']      
  },
  output: {
    path: config.build.assetsRoot,
    filename: '[name].js',
    publicPath: process.env.NODE_ENV === 'production'
      ? config.build.assetsPublicPath
      : config.dev.assetsPublicPath
  },

main.js  中引用babel-polyfill

就ok了 是不是很简单

第二问题就是axios的请求在ie下没有用 
这个怎么解决？ 
也是就是下载一个js的问题 
下面就直接贴代码

npm install es6-promise --save-dev

/*main.js下*/
 import promise from 'es6-promise'
 promise.polyfill()

写好了，然后再Chrome跑的天衣无缝。然后我要兼容ie9及以上。信心满满的拿出来试了试。完美！！！

一、Pormise的问题，原来是Axios不能直接兼容IE9

先去项目里下载es6-promise

npm install es6-promise

然后去页面导入

import promise from 'es6-promise';

promise.polyfill();

二、URLSearchParams未定义的问题，原来是IE9不支持URLSearchParams。（千万别用一些不被大众浏览器兼容的东西，都是坑）

先去项目里下载qs

npm install qs

然后去Axios放参数的时候这样放

import qsfrom 'qs';

var params = {

'param1':1,

'param2':2

}

qs.stringify(params)

三、GET方法在IE9会直接默认去拿缓存，返回的是304而不是正常拿到数据后的200.

这个就在GET方法的params中加个时间戳就行了。

time:new Date().getTime()