vue全局使用axios

在使用vue框架进行前端开发的工作中，使用axios进行ajax访问是非常普遍的一种形式。vue全局使用的方式如下：

结合vue-axios使用

1.在入口文件main.js中 引入

import Vue from 'vue' import axios from 'axios' import VueAxios from 'vue-axios' Vue.use(VueAxios,axios);

2.在组件的methods中使用

getData(){ this.axios.get("api/url").then((res)=>{ this.list = res.data.data }).catch((res)=>{ console.log(res); }) }

axios改写为vue的原型属性

1.在入口文件main.js中引入，然后挂载在vue的原型上

import Vue from 'vue' import axios from 'axios' Vue.prototype.$http = axios

2.在组件的methods中使用

getData(){ this.$http.get("api/url").then((res)=>{ this.list = res.data.data }).catch((res)=>{ console.log(res); }) }