Vue中使用axios进行数据异步交互
大家都知道在Vue里面有两种出名的插件能够支持发起异步数据传输和接口交互,分别是axios
和vue-resource,同时vue更新到2.0之后,宣告不再对vue-resource更新,而是推荐的axios
。今天就讲一下怎么引入axios
。
npm
安装axios
npm install --save axios
main.js
中导入axios
并将axios
挂载到vue
的原型,后面就能执行了。
import axios from 'axios'
Vue.prototype.axios = axios;
- 使用
axios
。
this.axios.post(url,params,{
headers: {
'token': token,//设置header
}
}).then(function (result) {
//更多处理的内容
}).catch(function(err){
if(err.response) {
console.log(err.response)
}
});