使用 Axios 请求从 React 重定向到 ExpressJs 路由答案

【问题标题】：Redirect to ExpressJs route from React with Axios request使用 Axios 请求从 React 重定向到 ExpressJs 路由
【发布时间】：2022-11-02 01:35:49
【问题描述】：

我实际上正在开发一个应用程序项目，但遇到了一个问题。首先，让我解释一下我要做什么。当用户连接到应用程序时，他可以连接到服务（例如：google）。在使用 jwt 验证添加用户系统之前，只有一个简单的<href> 和查询中的回调它运行良好。现在路由是安全的，所以我需要将标头传递给服务器并仍然将用户重定向到服务的身份验证（我正在使用护照）。还有一个问题，我尝试了很多方法来完成这项工作，但我找不到解决方案。

这是我的请求功能：

    const ServiceConnection = () => {
        axios.get("url" + "?callback=callbackurl",
            { headers: { Authorization: "Bearer " + JSON.parse(localStorage.getItem("jwt"))} })
        .then(res => {
            console.log(res)
        })
        .catch(error => {
            console.log(error)
        })
    }

使用此功能，我遇到了Access to XMLHttpRequest 错误。

所以我尝试在 url 和 header 之间添加很多东西，比如redirect: "manual"，但问题是后端不再接收 header 但没有更多的XMLHttpRequest 错误。

因此，如果您有任何想法，请提前感谢您的帮助。

【问题讨论】：

标签： reactjs express axios passport.js

【解决方案1】：

您的服务器（不是客户端）应该启用 CORS。试试这个链接： https://www.bannerbear.com/blog/what-is-a-cors-error-and-how-to-fix-it-3-ways/

【讨论】：