javascript - 如何处理生产中的 cors 问题（React Frontend / Express Backend）

Question

即使我在进行 fetch 调用时在前端将凭据设置为“包含”，我的前端也无法将 cookie 发送到后端。一切都在当地环境中完美运行。浏览器不包括生产环境中的 cookie。谁能帮我解决这个问题。提前致谢。

我的前端获取调用代码在反应

React.useEffect(() => {
    if(document.cookie){
        fetch(base_url+"/auth/profile",{
            method:"GET",
            origin:"https://mybackend.herokuapp.com",
            credentials:"include"
          })
        .then((res) => {
            // success code
            })
        .catch((err) => alert(err.message));
        

我的后端代码

app.use(cors({
    origin:"https://myfrontend.herokuapp.com",
    optionsSuccessStatus: 200,
    "Access-Control-Allow-Headers": ['Content-Type'],
    credentials:true
}))

浏览器不包括 cookie 浏览器请求图像

标签： javascriptreactjsexpresscookiescross-domain