一、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.
3.
用户信息已经失效,请重新登录',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.
这样就可以在各个模块中通过this.$axios来使用axios了
其中axios中:
1. build.rootpath.js内容:
2. store是vuex的文件,所以要事先安装vuex
总结
以上所述是小编给大家介绍的vue-cli 引入、配置axios的方法。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。