无法解决 strict-origin-when-cross-origin。反应+阿多尼斯JS
Can't solve strict-origin-when-cross-origin. React + AdonisJS
我有一个服务器，我在其中 运行 两个不同的应用程序。前端（express + React）在 443 端口上 运行，AdonisJS api 在 3333 端口上 运行。它们共享相同的域（例如 something.com），但我需要在调用 api 时添加端口。问题是，当我尝试从我的 api 从 React 命中一个端点时，我收到此错误：strict-origin-when-cross-origin。实际上，我不确定这是否是一个错误，但我根本无法提出任何请求。来自另一个客户端，例如 Insomnia，请求就像魔法一样有效。
我通过更改 AdonisJS cors 配置文件解决了这个问题。我将原始值从 true 切换为 *.
除了在package.json中添加代理指令
"proxy": "http://localhost:5000", 我还必须从 api url 请求中删除主机，所以：
const apiData = await axios.get('http://127.0.0.1:5000/api/get-user-data');
变成了
const apiData = await axios.get('/api/get-user-data');
@ShawnYap 提供的 link 真的很有帮助 https://create-react-app.dev/docs/proxying-api-requests-in-development/
我有一个服务器，我在其中 运行 两个不同的应用程序。前端（express + React）在 443 端口上 运行，AdonisJS api 在 3333 端口上 运行。它们共享相同的域（例如 something.com），但我需要在调用 api 时添加端口。问题是，当我尝试从我的 api 从 React 命中一个端点时，我收到此错误：strict-origin-when-cross-origin。实际上，我不确定这是否是一个错误，但我根本无法提出任何请求。来自另一个客户端，例如 Insomnia，请求就像魔法一样有效。
我通过更改 AdonisJS cors 配置文件解决了这个问题。我将原始值从 true 切换为 *.
除了在package.json中添加代理指令
"proxy": "http://localhost:5000", 我还必须从 api url 请求中删除主机，所以：
const apiData = await axios.get('http://127.0.0.1:5000/api/get-user-data');
变成了
const apiData = await axios.get('/api/get-user-data');
@ShawnYap 提供的 link 真的很有帮助 https://create-react-app.dev/docs/proxying-api-requests-in-development/