javascript - axios 不发送 header ，请求失败，收到 401 错误

Question

我一直在使用 axios 从私有(private) API 获取一些数据，但现在我在从一个特定端点获取数据时遇到问题。
有趣的是，内置 fetch API，我收到 200 响应，但与 axios 相同的请求不断重新调整 401 错误。知道可能是什么问题吗？
此代码有效:

const upVoteCommentTwo = async () => {
  console.log(localStorage.getItem("access_token"));
  try {
    const response = await fetch(
      `https://exammple.com/comments/${commentId}/vote/up`,
      {
        method: "POST",
        headers: {
          "X-API-KEY": "XXX",
          "Authorization": localStorage.getItem("access_token"),
        },
      }
    );

    console.log(await response.status);
  } catch (err) {
    console.log(err);
  }
};

这不起作用:

const upVoteCommentOne = async () => {
  console.log(localStorage.getItem("access_token"));
  try {
    const response = await axios.post(
      `https://example.com/comments/${commentId}/vote/up/`,
      {
        headers: {
          "Content-Type": "application/json",
          "X-API-KEY": "XXX",
          "Authorization": localStorage.getItem("access_token"),
        },
      }
    );

    console.log(response.status);
  } catch (err) {
    console.log(err);
  }
};

Answer 1

问题来自 axios的参数。根据 doc 的一种有效方式根据这个issue，这似乎对大多数人都有效在 GitHub 上是这样调用它的，带有一个对象:

const response = await axios({
  method: "post",
  url: `https://example.com/comments/${commentId}/vote/up/`,
  headers: {
    "Content-Type": "application/json",
    "X-API-KEY": "XXX",
    "Authorization": localStorage.getItem("access_token"),
  },
  data: {},
});