Axios异步请求传参方式

1. get 请求

let data ={
	"a": "1",
	"b": "2"
}
this.$axios({
	method: 'get',
	url: 'xxxxx',
	params: data,
	headers: {
		"Content-Type": "application/json",
		"Authorization", "XXXXX"
	}
}).then(res =>{
	console.log("success")
}).catch(err =>{
	console.log("error")
})

2. post 请求

let data ={
	"a": "1",
	"b": "2"
}
this.$axios({
	method: 'post',
	url: 'xxxxx',
	data: data,
	headers: {
		"Content-Type": "application/json",
		"Authorization", "XXXXX"
	}
}).then(res =>{
	console.log("success")
}).catch(err =>{
	console.log("error")
})

2.1 补充 pos t传参

一、当 heaers 是 Content-Type: application/json

import axios from 'axios'
let data = {"code":"1234","name":"yyyy"};
axios.post(`${this.$url}/test/testRequest`,data).then(res=>{
    console.log('res=>',res);            
})

二、 当 heaers 是Content-Type: multipart/form-data

import axios from 'axios'
let data = new FormData();
data.append('code','1234');
data.append('name','yyyy');
axios.post(`${this.$url}/test/testRequest`,data).then(res=>{
    console.log('res=>',res);            
})

三、 当 heaers 是Content-Type: application/x-www-form-urlencoded

import axios from 'axios'
import qs from 'Qs'
let data = {"code":"1234","name":"yyyy"};
axios.post(`${this.$url}/test/testRequest`,qs.stringify({data})).then(res=>{
    console.log('res=>',res);            
})

3. put 请求

let data ={
	"a": "1",
	"b": "2"
}
this.$axios({
	method: 'put',
	url: 'xxxxx',
	data: JSON.stringify(data),
	headers: {
		"Content-Type": "application/json",
		"Authorization", "XXXXX"
	}
}).then(res =>{
	console.log("success")
}).catch(err =>{
	console.log("error")
})

4. delete请求

let data ={
	"a": "1",
	"b": "2"
}
this.$axios({
	method: 'delete',
	url: 'xxxxx',
	data: JSON.stringify(data),
	headers: {
		"Content-Type": "application/json",
		"Authorization", "XXXXX"
	}
}).then(res =>{
	console.log("success")
}).catch(err =>{
	console.log("error")
})