美文网首页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