javascript - 在向 API 发送请求中发送 header 时出现问题

Question

我正在向 API 发出发布请求，但我看到的问题是 authtoken 在请求负载中发送，而不是在网络选项卡中发送请求 header 。

const fetchData =(id,authToken)=>
    axios
     .post(`${APIUrl}/${id}/math`,{
         headers:{
             ...getAuthHeaderWithContentType(authToken, "JSON")
         }
     })
     .then(resp => (resp && resp.data ? resp.data : null));

header 应出现在请求 header 中，而不是请求负载中。

Answer 1

因为您发布了一个包含 headers 字段作为 data 的对象。

axios官方文档说: axios.post(url, 数据, 选项)

如果您没有任何要发布的数据，只需添加 null 或 {} 作为 data。

const fetchData = (id, authToken) =>
  axios
    .post(`${APIUrl}/${id}/math`, {}, {
      headers: {
        ...getAuthHeaderWithContentType(authToken, "JSON")
      }
    })
    .then(resp => (resp && resp.data ? resp.data : null));

但是，我认为不建议使用POST方法来获取数据。