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);
	})
}