我正在遵循这个基本指南来设置一个同时运行 react 和 node 的本地开发环境。在 react 目录的 package.json 中添加“代理”:“ http://localhost:4001 ”语句后,我被卡住了。它一直说:代理错误:无法将请求 /flower 从 localhost:51427 代理到http://localhost:4001。
环境:不涉及身份验证。它只是一个样板 node.js 和 create-react-app 设置。create-react-app 版本是 3.0.1。我正在使用 Mac。
我尝试了以下方法来解决这个问题:
- 我验证了服务器运行正常并且 localhost:4001 确实提供了数据。
- 我检查了浏览器开发工具,看到错误是 GET http://localhost:51427/flower 500 (Internal Server Error)
- 我还在服务器的 package.json 中添加了“--ignore client”
- 我还尝试按照以下说明安装 http-proxy-middleware:https : //create-react-app.dev/docs/proxying-api-requests-in-development/。
这是用于react的包 json:
{
"name": "client",
"version": "0.1.0",
"private": true,
"dependencies": {
"react": "^16.11.0",
"react-dom": "^16.11.0",
"react-scripts": "3.2.0"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"proxy": "http://localhost:4001"
}
react 的 localhost 页面是空白的,而不是有文本。控制台日志还确认未收到任何数据。