【问题标题】:"options.allowedHosts[0] should be a non-empty string." when adding proxy to package.json in ReactJS [duplicate]“options.allowedHosts[0] 应该是一个非空字符串。”在 ReactJS 中向 package.json 添加代理时 [重复]
【发布时间】:2022-01-25 02:19:52
【问题描述】:

我正在关注 React.js 和 Django Rest Framework (https://www.youtube.com/watch?v=tYKRAXIio28&ab_channel=DennisIvy) 的教程,然后在 1:18:10(前端部分)他将 proxy 添加到 package.json在根文件夹中,一切正常。 但是当我做同样的事情时,我遇到了一个问题,当我尝试做npm start时,它给了我这个错误,

Invalid options object. Dev Server has been initialized using an options object that does not match the API schema.
 - options.allowedHosts[0] should be a non-empty string.

我的 package.json 看起来像这样

{
  "name": "frontend",
  "version": "0.1.0",
  "proxy": "http://127.0.0.1:8000",
  "private": true,
  "dependencies": {

我尝试自己搜索答案,我找到的最接近的答案是https://stackoverflow.com/questions/70387809/reactjs-server-is-not-starting-while-using-proxy-api,正如您所见,它是由作者自愿删除的。 我发现的另一个是 https://gitmemory.cn/index.php/repo/facebook/create-react-app/issues/11762.env 文件中谈论 HOST 有冲突错误(我不太明白,因为我对这些东西很陌生)。但我确实没有.env 文件。

我也尝试过React Proxy error: Could not proxy request /api/ from localhost:3000 to http://localhost:8000 (ECONNREFUSED)

"proxy": "http://django:8000",

这似乎没有任何作用。

我已经确认问题确实是代理问题,因为当我删除此行并且应用程序正常运行时,问题不会发生。

我认为 options.allowedHosts 应该设置为一个数组,我不知道该放什么以及放哪里,所以如果您理解问题,请善意并详细说明,谢谢。

另外,http://127.0.0.1:8000 是我的 django 后端本地主机,以防万一。

编辑 1: 尝试过

"proxy": "http://127.0.0.1:8000",
"allowedHosts": [
    "127.0.0.1"
  ],
"private":true,

"proxy": "http://127.0.0.1:8000",
"private":false,

两个都不行

TLDR; package.json 中的proxy 破坏了我的 React 应用,请发送帮助

注意:这是我第一次在 stackoverflow 上提问,所以如果问题很愚蠢或我问错了什么,我深表歉意。

【问题讨论】:

标签: reactjs


【解决方案1】:

我也面临同样的问题。但是当我没有连接到互联网时,我的问题就存在了。当我连接到互联网时,开发服务器以命令 yarn start 或 npm start 启动。

【讨论】:

  • 正如目前所写,您的答案尚不清楚。请edit 添加其他详细信息,以帮助其他人了解这如何解决所提出的问题。你可以找到更多关于如何写好答案的信息in the help center
  • 我可以确认它是在没有连接到互联网的时候!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2022-01-25
  • 2020-08-17
  • 2019-11-09
  • 1970-01-01
  • 1970-01-01
  • 2017-06-12
  • 2019-03-07
相关资源
最近更新 更多