vue发送post请求怎么将参数携带在url后面？

Question

封装的axios

export function delalreadyFlow(id: object) {
    return post(`/activiti_process/delByIds`, id)
}

调用接口

const delalFlow = () => {
  const rows = tableRef.value?.getSelectionRows()
  if (rows.length === 0 || rows.length > 1) {
    return ElMessage.error('必须且只能选中一行')
  }
  let id = rows.map((row: flowList) => row.id).toString()
  let delid = {
    ids: id
  }
  delalreadyFlow(delid)
    .then((res) => {
      if (res.code == 200) {
        ElMessage.success('删除成功')
        tableRef.value?.reloadTableData()
      } else {
        ElMessage.error(res.msg)
      }
    })
}

这样写参数是带在body中的
实际请求

期望效果

想要参数接在url后面应该怎么写？

Answer 1

如果对接的是java的话，一般可以这样写

import qs from 'qs'

axios({
  url: '',
  method: 'POST',
  data: qs.stringify(data)
  headers: {
        'Content-Type': 'application/x-www-form-urlencoded'
  }
})

Answer 2

如果你用的是axios的话可以这样写：Axios.post('/api/xxx', data, {params})
把query参数放到params里

Answer 3

obj = {
    a: 1,b:2
}
axios.post('/cors/1', obj, {
    params: obj
})