错误:CORS策略:所请求的资源上没有'Access

编程入门 行业动态 更新时间:2024-10-21 20:43:49

错误:CORS<a href=https://www.elefans.com/category/jswz/34/1771442.html style=策略:所请求的资源上没有'Access"/>

错误:CORS策略:所请求的资源上没有'Access

我当前收到的“ Cors政策”错误,我不完全理解原因。我正在尝试实现登录后的请求。我拥有响应服务器(位于node.js中),并且特别允许它包含Access-Control-Allow-Origin我的[[app.js:

中具有此代码行的标头app.use(cors({origin:["http://localhost:3000"], credentials:true, allowedHeaders:['Origin','X-Requested-With','Content-Type','Accept'], methods:['GET','PUT','POST','DELETE','OPTIONS']}));
但是,当我尝试通过前端(使用

react)访问它时,它收到此错误:

已被CORS策略阻止从源“ http://localhost:3000”访问“ backend-server”处的XMLHttpRequest:在请求的资源上没有“ Access-Control-Allow-Origin”标头。

[检查网络部分,我注意到我有2次登录:

第一个显示:

<< img src =“ ==” width =“ 300”>

第二个显示:

来自前端反应服务器的用于发布请求的代码是:

axios.get("backend-server", {withCredentials: true, crossdomain:true}).then(res => {});

在按下登录按钮后,它仅调用axios post函数一次,并且只有1个登录按钮。

我想问是否有人知道问题出在哪里/我该如何解决?

非常感谢您的帮助!

回答如下:您可以尝试这样

app.use(cors(), function(req, res, next) { res.header("Access-Control-Allow-Origin", "http://localhost:3000"); // update to match the domain you will make the request from res.header( "Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept" ); next(); });

更多推荐

错误:CORS策略:所请求的资源上没有'Access

本文发布于:2024-05-12 09:59:57,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1758693.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:策略   错误   资源   Access   CORS

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!