reactjs - ReactJS：Axios 获取带有标头和数据的请求导致错误请求 400

Question

我有一个在 localhost 上运行的 Spring 应用程序，它有一个端点。这是一个 get api，需要一个带有承载 jwt 和用户名的授权标头来获取一些数据。

当我尝试使用邮递员到达这个端点时，它工作正常。

但是使用 axios，我收到了 400 错误请求。

这是我提出请求的方式。

const jwt = "jwt";
const api = "http://localhost:7000/api";
const response = await axios.get(api, {
    params: { username: username },
    headers: {
      Authorization: `Bearer ${jwt}`,
      "Content-Type": "application/json",
    },
  });

我参考了下面链接上的第一个答案来提出这种方法。

将 Axios.Get 与参数和配置一起使用

我的 spring 应用程序现在支持 CrossOrigin 请求，所以这应该不是问题。

如果没有配置中的参数/数据，相同的请求也可以正常工作。

这里的任何帮助将不胜感激。

标签： reactjsspringgetaxios

Answer 1

你试过 {"...api?username="+username} 吗？另外，试试这个配置： {withCredentials: true} 。