在 ReactJS 中向 package.json 添加代理时"options.allowedHosts[0] should be a non-empty string."



我正在学习React.js和Django Rest Framework的教程(https://www.youtube.com/watch?v=tYKRAXIio28&ab_channel=DennisIvy(,然后在1:18:10(前端部分(,他将proxy添加到根文件夹中的包.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错误:无法将请求/api/从localhost:3000代理到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包中的proxy。json破坏了我的React应用程序,请发送帮助

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

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

相关内容

最新更新