大家好 !
我使用Strapi为后端创建了一个React应用,但我不知道如何设置CORS策略。Strapi在我的在线服务器上,并且我在本地计算机上运行React app。当我尝试使用Axios发送请求时,出现此问题:
通过CORS策略已阻止从来源“ http:// localhost:3000”访问“ http://xx.xx.xx.xx/players”上的XMLHttpRequest:对预检请求的响应未通过访问控制检查:否请求的资源上存在“ Access-Control-Allow-Origin”标头。
我按照文档中的说明在config文件夹中创建了middleware.js文件:https : //strapi.io/documentation/v3.x/concepts/middlewares.html#configuration-and-activation
module.exports = {
load: {
before: ['timer', 'responseTime', 'logger', 'cors', 'responses', 'gzip'],
after: ['parser', 'router'],
},
settings: {
cors: {
enabled: true,
origin: ['*']
},
},
};
我看过有关该主题的所有论坛和文章,但无法解决问题。
我的错。当我将Strapi放在服务器上时,我在React应用程序中更改了IP地址,但忘记指定Strapi使用的端口。不要像我那样做!:/
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句