reactjs - 使用具有另一个来源的 API (CORS) 来响应应用程序

Question

我有一个 React 应用程序，它使用 java ee 后端休息服务器，在另一个域上运行。我已启用 CORS:

Access-Control-Allow-Origin : http://localhost:3000
Access-Control-Allow-Headers : origin, content-type, accept, authorization
Access-Control-Allow-Credentials : true
Access-Control-Allow-Methods : GET, POST, PUT, DELETE, OPTIONS, HEAD
Access-Control-Max-Age : 1209600

我正在使用 React 和 fetch，如下所示:

export function get(path, headers) {
    return fetch(apiUrl + path, {
        "metod" : "GET",
        "headers" : headers,
        "credentials" : "include"
    })
}

我的 React 应用程序正在 http://localhost:3000 上运行。 当我登录时，服务器返回 Set-Cookie，但 cookie 不会包含在对服务器的任何进一步请求中，除非我尝试再次登录。然后将其包含在该特定登录请求中。

有什么建议吗？

Answer 1

我只是想分享一下我如何通过这个 post 让我的本地开发变得轻松如果您使用 create-react-app，只需将主 API url 代理添加到 package.js 即可，例如 "proxy": "http://本地主机:8080/API” 无需在后端设置 CORS。