在我的 React + Flask 应用程序上出现错误:“无法加载资源:服务器响应状态为 403(禁止)”

问题描述 投票:0回答:1

目前正在本地测试我的 React + Flask 应用程序。我在 EC2 上托管,但那是针对产品的。起初,我在 Web 控制台上收到有关 CORS 的错误,因此我使用 Chrome 扩展暂时将其禁用。现在我收到此错误: 403错误

这是我的 App.js (React): App.js

这是我的app.py(烧瓶应用程序): 应用程序.py

所有内容都已使用 venv 正确安装在我的 Flask 应用程序上。我同时运行了 Flask 和 React 应用程序。我使用 .env。生产 url 和开发 url 的文件。

此外,当我在 app.js 中的 axios.get() 上输入实际的 localhost 时,一切正常,我可以看到来自 Flask 路由的 json 消息。我已经尝试了很多代码,从确保所有东西都安装在 Flask 上,更改 axios.get() 上的 url。

reactjs flask cors http-status-code-403
1个回答
0
投票

确保将 .env 文件放在项目前端路由文件夹中,而不是 src 中。

检查 .env 是否有拼写错误(在您的情况下,它应该看起来像这样 REACT_APP_API_URL=http://(后端的 localhost))

此外,如果您使用 Vite (您应该这样做)而不是 process.env.REACT_APP_API_URL,请使用 import.meta.env.REACT_APP_API_URL

我已经在我的机器上测试了你的代码,一切正常 很好

© www.soinside.com 2019 - 2024. All rights reserved.