今天接到一个新的接口,这个接口中又需要query参数还需要有body参数,
(类似这种)
通过查找文章结合自己的项目,最后解决办法如下:
<template
>
<div
>
<button @click
="submit">提交
</button
>
</div
>
</template
>
<script
>
import axios from
'axios'
export default
{
data
(){
return {}
},
method:
{
const reqData
= [{
data1: 0,
data2: 1,
data3: 2
}]
const param
= {key1:
'value1',key2:
'value2',url:
'...'}
submit
() {
axios
({
url: process.env.VUE_APP_BASE_API +
'test/addTask',
method:
'post',
data: reqData, // data中的参数是通过body传参
headers:
{
'Content-Type': 'application/json'
},
params:param // params中的参数是通过地址栏传参
}).then
(res
=>{
console.log
(res
)
})
}
}
}
</script
>