npm install axios

bower install axios

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

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

<script>
	export default {
		mounted(){
			this.$axios.get('/goods.json').then(res=>{
				console.log(res.data);
			})
		}
	}
</script>

 //請(qǐng)求格式類(lèi)似于 http://localhost:8080/goods.json?id=1
this.$axios.get('/goods.json',{
    			params: {
                    id:1
                }
			}).then(res=>{
					console.log(res.data);
				},err=>{
					console.log(err);
			})

this.$axios({
		method: 'get',
		url: '/goods.json',
    	params: {
            id:1
        }
	}).then(res=>{
		console.log(res.data);
	},err=>{
		console.log(err);
	})

this.$axios.post('/url',{
				id:1
			}).then(res=>{
				console.log(res.data);
			},err=>{
				console.log(err);
			})

$axios({
	method: 'post',
	url: '/url',
	data: {
		id:1
	}
}).then(res=>{
	console.log(res.data);
},err=>{
	console.log(err);
})

let data = {
	//請(qǐng)求參數(shù)
}

let formdata = new FormData();
for(let key in data){
	formdata.append(key,data[key]);
}

this.$axios.post('/goods.json',formdata).then(res=>{
	console.log(res.data);
},err=>{
	console.log(err);
})

this.$axios.put('/url',{
				id:1
			}).then(res=>{
				console.log(res.data);
			})

this.$axios.patch('/url',{
				id:1
			}).then(res=>{
				console.log(res.data);
			})

this.$axios.delete('/url',{
				params: {
					id:1
				}
			}).then(res=>{
				console.log(res.data);
			})

this.$axios.delete('/url',{
				data: {
					id:1
				}
			}).then(res=>{
				console.log(res.data);
			})

//方法二
axios({
    method: 'delete',
    url: '/url',
    params: { id:1 }, //以明文方式提交參數(shù)
    data: { id:1 } //以封裝對(duì)象方式提交參數(shù)
}).then(res=>{
	console.log(res.data);
})

 this.$axios.all([
	this.$axios.get('/goods.json'),
	this.$axios.get('/classify.json')
]).then(
	this.$axios.spread((goodsRes,classifyRes)=>{
		console.log(goodsRes.data);
		console.log(classifyRes.data);
	})
)

let instance = this.$axios.create({
				baseURL: 'http://localhost:9090',
				timeout: 2000
			})
			
instance.get('/goods.json').then(res=>{
	console.log(res.data);
})

//配置全局的超時(shí)時(shí)長(zhǎng)
this.$axios.defaults.timeout = 2000;
//配置全局的基本URL
this.$axios.defaults.baseURL = 'http://localhost:8080';

let instance = this.$axios.create();
instance.defaults.timeout = 3000;

this.$axios.get('/goods.json',{
				timeout: 3000
			}).then()

this.$axios.interceptors.request.use(config=>{
				// 發(fā)生請(qǐng)求前的處理

				return config
			},err=>{
				// 請(qǐng)求錯(cuò)誤處理

				return Promise.reject(err);
			})

//或者用axios實(shí)例創(chuàng)建攔截器
let instance = $axios.create();
instance.interceptors.request.use(config=>{
    return config
})

this.$axios.interceptors.response.use(res=>{
				//請(qǐng)求成功對(duì)響應(yīng)數(shù)據(jù)做處理

				return res //該返回對(duì)象會(huì)傳到請(qǐng)求方法的響應(yīng)對(duì)象中
			},err=>{
				// 響應(yīng)錯(cuò)誤處理

				return Promise.reject(err);
			})

let instance = this.$axios.interceptors.request.use(config=>{
				config.headers = {
					token: ''
				}
				return config
			})
			
//取消攔截
this.$axios.interceptors.request.eject(instance);

this.$axios.get('/url').then(res={

			}).catch(err=>{
				//請(qǐng)求攔截器和響應(yīng)攔截器拋出錯(cuò)誤時(shí)，返回的err對(duì)象會(huì)傳給當(dāng)前函數(shù)的err對(duì)象
				console.log(err);
			})

let source = this.$axios.CancelToken.source();

this.$axios.get('/goods.json',{
				cancelToken: source
			}).then(res=>{
				console.log(res)
			}).catch(err=>{
				//取消請(qǐng)求后會(huì)執(zhí)行該方法
				console.log(err)
			})

//取消請(qǐng)求，參數(shù)可選，該參數(shù)信息會(huì)發(fā)送到請(qǐng)求的catch中
source.cancel('取消后的信息');