axios的兼容性問題

1、axios在PC端瀏覽器的兼容性問題

axios支持IE8+,但原理是基于promise之上實(shí)現(xiàn)的,因此會(huì)存在不兼容IE的問題。

trident內(nèi)核的瀏覽器下會(huì)報(bào):vuex requires a Promise polyfill in this browser

IE9下 axios 報(bào)錯(cuò)問題

解決方案:

(1)、首先安裝 babel-polyfill,來解決IE不支持 promise對(duì)象的問題

npm  install  babel-polyfill -s

(2)、安裝成功以后需要在 main.js 中引入 babel-polyfill

import 'babel-polyfill'

一般會(huì)配置 webpack.base.config.jsentry

module.exports = {
  context: path.resolve(__dirname, '../'),
  entry: {
    app: ["babel-polyfill", "./src/main.js"] 
    // app: './src/main.js'
  },
}

2、axios在安卓低版本兼容性處理

在較低版本的安卓手機(jī)中發(fā)現(xiàn)發(fā)現(xiàn)封裝的axios請(qǐng)求無效,主要原因還是低版本的安卓手機(jī)無法使用promise

注意:安卓4.3以下的手機(jī)不支持axios的使用,無法使用promise,加上 polyfill就可以了。

解決方案: (1)、項(xiàng)目中安裝 es6-promise

npm install es6-promise -s

(2)、引入 es6-promise

import promise from 'es6-promise'

(3)、注冊(cè) es6-promise (一定要在axios之前注冊(cè))

// 注意: es6-promise   一定要在 axios 之前注冊(cè)

promise.polyfill()

或者

require('es6-promise').polyfill();
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容