reactjs - 无法将 HTTP 标头放入变量中

Question

我正在使用 Spring Boot REST API 和 React 前端构建一个全栈 Web 应用程序，但我被一些东西困扰。我想尽可能减少代码重复，但我似乎无法将我的 axios 请求的 HTTP 标头放在一个变量中并在所有请求中重新使用它。请求只是简单地使用变量失败。

此请求有效：

axios.get(baseUrl + "interests/user?id=" + localStorage.getItem('userId'), { headers: {
                withCredentials: true,
                authorization: 'Bearer ' + localStorage.getItem('token')
            }}
        )

此请求不起作用：

const headers = {
 headers: {
                withCredentials: true,
                authorization: 'Bearer ' + localStorage.getItem('token')
            }
}

axios.get(baseUrl + "interests/user?id=" + localStorage.getItem('userId'), { headers }
        )

谁能向我解释为什么这不起作用，以及如何解决它？提前致谢

标签： reactjshttpaxiosxmlhttprequesthttp-headers