import 'axios'
// get传参数
axios.get('/user?id=123')
.then(response=> {
console.log(response)})
.catch(error=> {
console.log(error)});
// get传参数
axios.get('/getuser', {
params: {
ID: 123
}}) .then(response=> {
console.log(response) }) .catch(error=> {
console.log(error)});
// post传参数
axios.post('/getuser', {
params: {
name: '小明',
age:18
}}) .then(response=> {
console.log(response) }) .catch(error=> {
console.log(error)});
通用写法
axios(
{
url: 'api/getuser',
method: 'post',//get
data: {
name:'张',
age:18
},
headers:{'Content-Type':'multipart/form-data;charset=UTF-8'}}
).then((res) => {
console.log(res)})
针对不同请求类型设置header Content-Type
1、Content-Type: application/json
let data = {"code":"1234","name":"yyyy"};
axios.post(${this.$url}/test/testRequest,data)
.then(res=>{
console.log('res=>',res); })
2、Content-Type: multipart/form-data
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); })
3、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); })
