Reactjs &引用；无效的主机头“；数字海洋上的Kubernetes集群与React

在我对react应用程序进行最新更改之前，我的网站运行良好。当我部署更改时，网页上会出现“无效主机标题”

这是我的代码结构：

我可以配置什么来消除此错误

这是我的package.json文件：

{
  "name": "client",
  "proxy": "http://127.0.0.1:4000",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@material-ui/core": "^4.11.2",
    "@material-ui/icons": "^4.11.2",
    "@material-ui/styles": "^4.11.2",
    "@testing-library/jest-dom": "^5.11.6",
    "@testing-library/react": "^11.2.2",
    "@testing-library/user-event": "^12.6.0",
    "axios": "^0.21.1",
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "react-router-dom": "^5.2.0",
    "react-scripts": "4.0.1",
    "web-vitals": "^0.2.4"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

这是我吊舱的日志：

> client@0.1.0 start
> react-scripts start

ℹ ｢wds｣: Project is running at http://10.244.1.23/
ℹ ｢wds｣: webpack output is served from
ℹ ｢wds｣: Content not from webpack is served from /app/public
ℹ ｢wds｣: 404s will fallback to /
Starting the development server...

Compiled successfully!

You can now view client in the browser.

  Local:            http://localhost:3000
  On Your Network:  http://10.244.1.23:3000

Note that the development build is not optimized.
To create a production build, use npm run build.

---

谢谢大家!

所以我通过以下步骤解决了这个问题：

npm在我的react应用程序文件夹中运行弹出

转到config文件夹的webpackDevServer.config.js文件并更改

disableHostCheck:！proxy | | process.env.DANGEROUSLY_DISABLE_HOST_CHECK=='true'

到

---

因此，我通过以下步骤解决了这个问题：

npm在我的react应用程序文件夹中运行弹出

转到config文件夹的webpackDevServer.config.js文件并更改

disableHostCheck:！proxy | | process.env.DANGEROUSLY_DISABLE_HOST_CHECK=='true'

到

---

请提供所做更改的详细信息，否则package.json将毫无用处。请在浏览器的“网络”面板中检查主机标头的值。它应该是您站点的DNS名称。检查吊舱的日志，找出更多故障排除的指针。@SameerNaik嗨，Sameer，我上传了吊舱的日志。您认为它有什么问题吗？请提供您所做更改的详细信息，否则package.json将毫无用处。请在浏览器的“网络”面板中检查主机标头的值。它应该是您站点的DNS名称。检查吊舱的日志，找出更多故障排除的指针。@SameerNaik嗨，Sameer，我上传了吊舱的日志。您认为它有什么问题吗？禁用主机头可能会有一些安全隐患，正如环境变量名称所建议的那样

危险地禁用\u host\u CHECK

。从原始配置来看，如果不使用代理或env变量设置为true，则主机名检查似乎被禁用。你能找到它抱怨的主机名的值吗？请看这个。禁用主机头可能会带来一些安全隐患，正如环境变量的名称所建议的那样

危险地禁用\u host\u CHECK

。从原始配置来看，如果不使用代理或env变量设置为true，则主机名检查似乎被禁用。你能找到它抱怨的主机名的值吗？请看这个。

disableHostCheck: true,