我正在学习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启动。