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

我的项目是基于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浏览器下数据便能正常获取了~~~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容