今天接到一个新的接口,这个接口中又需要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>