从 React 中调用 Fetch(带选项)
Calling Fetch From React (With Options)
在 this tutorial 之后,我创建了一个应用程序,其中的服务器侦听端口 3000 和 3001。
如果我理解正确的话,我的 React 应用程序在端口 3000 上运行,并使用端口 3001 上的服务器作为代理来对 Auth0 进行 api 调用。
目前,我可以成功从3000到3001进行fetch请求,但问题是我无法传入任何选项。
fetch(url) 在没有选项的情况下工作,但我必须从查询参数中提取变量。
fetch(url, options) 不起作用。它有时会在 chrome 的网络选项卡中显示为 "status=canceled"。其他时候(看似随机)它会显示 404,有时请求甚至不会出现在网络选项卡中。在每种情况下,如果我传入选项,则 api 不会被调用,并且不会触发立即放置在服务器 app.get() 内的日志语句。
我已经尝试了大约一百种不同的方式来格式化选项对象,但我一直认为这就是问题所在。我也曾尝试在 3001 服务器上启用 CORS,但这似乎没有帮助。
我非常感谢对此的任何反馈或建议。谢谢!
一位来自 React 支持社区的程序员帮助我发现:
1) 我没有使用 event.preventDefault();这导致了 status=canceled 错误
2) 我的服务器在需要 app.post()
时设置了 app.get()
在 this tutorial 之后,我创建了一个应用程序,其中的服务器侦听端口 3000 和 3001。
如果我理解正确的话,我的 React 应用程序在端口 3000 上运行,并使用端口 3001 上的服务器作为代理来对 Auth0 进行 api 调用。
目前,我可以成功从3000到3001进行fetch请求,但问题是我无法传入任何选项。
fetch(url) 在没有选项的情况下工作,但我必须从查询参数中提取变量。
fetch(url, options) 不起作用。它有时会在 chrome 的网络选项卡中显示为 "status=canceled"。其他时候(看似随机)它会显示 404,有时请求甚至不会出现在网络选项卡中。在每种情况下,如果我传入选项,则 api 不会被调用,并且不会触发立即放置在服务器 app.get() 内的日志语句。
我已经尝试了大约一百种不同的方式来格式化选项对象,但我一直认为这就是问题所在。我也曾尝试在 3001 服务器上启用 CORS,但这似乎没有帮助。
我非常感谢对此的任何反馈或建议。谢谢!
一位来自 React 支持社区的程序员帮助我发现: 1) 我没有使用 event.preventDefault();这导致了 status=canceled 错误
2) 我的服务器在需要 app.post()
时设置了 app.get()