axiosvue

在vue项目中使用axios,解决axios在ie下的兼容性问题

2021-12-24  本文已影响0人  我王某不需要昵称

一、在vue简单使用axios的步骤:

1.安装

npm install axios --save

2.在main.js中引入

引入axios

3.在组件中使用

post方式

get方式

二、解决axios在ie浏览器下的兼容问题

虽然说axios是支持ie8+的,但是由于其原理是基于promise之上的,当项目中用到es6语法等新知识时,会有不兼容ie的情况出现,在控制台查看,会发现报 “promise"未定义等错。。

解决方法:

1.在项目中安装babel-polyfill

     npm install --save babel-polyfill

2.在main.js中引入 import "babel-polyfill"

3.修改配置文件,即在webpack.base.conf.js这个文件中加入代码 require("babel-polyfill")

完成以上步骤后,重启下项目,在ie浏览器下数据便能正常获取了~~~

链接:https://www.jianshu.com/p/3bed9b878fdb

上一篇 下一篇

猜你喜欢

热点阅读