在 React TS 中使用 Axios 发送 Post 数据

Question

目标：
使用 Axios 从客户端发送一个 post 到后端

问题：
axios 代码无法向后端发送数据，而 fetch 代码可以。

与 axios 相关的数据在后端将是 id = 0 和 firstname = null

当我使用 fetch code 时效果很好，我可以在后端看到它

主要区别在于“请求 Header > 接受”（看图片）。

我应该如何让它变成“/”而不是Application/json、text/plain、/ 在“请求 Header > 接受”？

谢谢！

const params = { 
  id: 1,
  firstName: "sdf"
}

var config = {
  headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
  accept: { }
};

axios.post('http://localhost:1122/api/v1/Test/AddClient', params, config)
.then(response => {
})
.catch(error => {
  console.log(error.response)}
);

var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/x-www-form-urlencoded");

var urlencoded = new URLSearchParams();
urlencoded.append("id", "1");
urlencoded.append("firstName", "sdf");

let requestOptions = {
  method: 'POST',
  headers: myHeaders,
  body: urlencoded
};

fetch("http://localhost:1122/api/v1/Test/AddClient", requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

Answer 1

accept是一个header将accept的值改为“/” 您需要将其添加到请求 headers 您正确地创建了配置 object 但接受应该在 headers

var config = {
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded',
    'accept': '*/*',
  },
};

在 React TS 中使用 Axios 发送 Post 数据

Send Post Data by using Axios in React TS

javascript

fetch

react-tsx