vue的兼容性怎么解決？

在項目開始的時候，要先確定項目是否兼容到 IE8 及一下的版本，因為vue支持 IE8 以及更低版本 。

1、ES6語法不支持

解決方法：

引入babel-polyfill

npm install --save bable-polyfill

webpack.base.conf.js中修改為

app: ['event-source-polyfill', 'babel-polyfill', './src/main.js']

main.js 中引入

import 'babel-polyfill';

2、GET非首次請求時，IE默認使用緩存而不是去后臺請求

解決方法：

在request攔截時，加時間戳

service.interceptors.request.use(config => {

// Do something before request is sent

// // 時間戳

if (config.method === 'get') {

config.params = {

t: Date.parse(new Date()) / 1000,

...config.params

}

}

return config;

}, error => {

// Do something with request error

console.log(error); // for debug

Promise.reject(error);

3、上傳文件時，文件類型檢查。如果為.apk文件，則file.type為" ".而jpg/png等文件正常

導致上傳apk文件時，會報類型檢查錯誤

解決方法：

export function validateApk(file) {

if (file.type === 'application/vnd.android.package-archive') {

return true;

} else {

if (file.name.substring(file.name.lastIndexOf('.') + 1) === 'apk') {

return true;

}

}

return false;

4、上傳文件時，后臺讀取file.getName或者file.getOriginalName為全路徑名稱

解決方法：

后臺去處理，如果為全路徑，則進行字符串截取

vuex在IE11的兼容問題

IE11沒有內置promise，所以用不了vuex很正常。為了兼容，首先要安裝一個庫。

安裝好之后在main.js中引入，然后在build中配置一下入口entry即可