vue笔记前端数据请求

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

2019-04-10  本文已影响776人  涼涼_570e

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

上一篇下一篇

猜你喜欢

热点阅读