vue-cli 在IE下兼容設置

最近咱們的項目選擇用vue來作開發，在這個過程IE兼容性

---

首先咱們按照步驟來安裝vue-cli 
建立項目運行

npm install npm run dev

而後咱們在ie9下打開發現沒有用可是vue官網告訴咱們他是兼容ie9的

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

下圖是錯誤提示ie9： 
 
而後就找資料查文檔，總算給我找到了。 
要實現其實很簡單，只須要咱們下載一個babel-polyfill，

npm install babel-polyfill --save-dev

下載完成後咱們怎麼用它 
這時咱們要找到build文件夾下webpack.base.conf.js在裏面修改一下就好了

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

改爲

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

 

就ok了 是否是很簡單

第二問題就是axios的請求在ie下沒有用 
這個怎麼解決？ 
也是就是下載一個js的問題 
下面就直接貼代碼

npm install es6-promise --save-dev

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

 

 

辛辛苦苦把項目寫好了，而後再Chrome跑的完美無缺。而後經理告訴我要兼容ie9及以上。信心滿滿的拿出來試了試。GG思密達！！！

1、Pormise的問題，原來是Axios不能直接兼容IE9

先去項目裏下載es6-promise

npm install es6-promise

而後去頁面導入

import promise from 'es6-promise';

promise.polyfill();

2、URLSearchParams未定義的問題，原來是IE9不支持URLSearchParams。（千萬別用一些不被大衆瀏覽器兼容的東西，都是坑）

先去項目裏下載qs

npm install qs

而後去Axios放參數的時候這樣放

import qsfrom 'qs';

var params = {

'param1':1,

'param2':2

}

qs.stringify(params)

3、GET方法在IE9會直接默認去拿緩存，返回的是304而不是正常拿到數據後的200.

這個就在GET方法的params中加個時間戳就好了。

time:new Date().getTime()