vue-cli 引入、配置axios的方法

前端之家收集整理的这篇文章主要介绍了vue-cli 引入、配置axios的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

一、npm 安装axios,文件根目录下安装,指令如下

npm install axios --save-dev

二、修改原型链,在main.js中引入axios

import axios from 'axios'

接着将axios改写为Vue的原型属性

Vue.prototype.$http=axios

这样之后就可在每个组件的methods中调用$http命令完成数据请求

三、在组件中使用

this.$http.get('/url').then(function(res){ console.log(res) }).catch(function(err){ console.log(err) })

}
}

有关axios的配置请参考如下文档,点击打开链接

下面给大家介绍下vue-cli配置axios的方法

1.

npm install axios --save

2.

文件,升级的axios好像不需要了,已经自带)

3.

在src目录下添加axios.ts文件内容

用户信息已经失效,请重新登录',type: 'warning',offset: 48 }); window.location.href = '/#/login' }else{ Notification({ title: '请求错误',message: `${error.response.status} \n ${error.config.url}`,type: 'error',offset: 48,}) } return Promise.reject(error) }) export default axios

4.

types文件夹中新建vue.d.ts文件内容

这样就可以在各个模块中通过this.$axios来使用axios了

其中axios中:

1. build.rootpath.js内容

2. store是vuex的文件,所以要事先安装vuex

总结

以上所述是小编给大家介绍的vue-cli 引入、配置axios的方法。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

猜你在找的Vue相关文章