美文网首页vue笔记前端数据请求
在vue项目中使用axios,解决axios在ie下的兼容性问题

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

作者: 涼涼_570e | 来源:发表于2019-04-10 16:50 被阅读776次

我的项目是基于vue-cli搭建的;

一、在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浏览器下数据便能正常获取了~~~

相关文章

网友评论

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

    本文链接:https://www.haomeiwen.com/subject/tfkoiqtx.html