【问题标题】:502 gateway error while deploying React v16.7 application in Google GCP app engine在 Google GCP 应用引擎中部署 React v16.7 应用程序时出现 502 网关错误
【发布时间】:2019-05-27 05:09:27
【问题描述】:

您好,我最近使用 create-react-application 将我的 React 应用程序从 React v15.x 升级到了 React v16.7.0 我做了如下几处更改

  1. 升级我的应用程序后开始失败,因为我以前的应用程序设置在同一个应用程序中同时具有客户端和服务器部分。因此我使用单独编译客户端部分 创建反应应用项目

  2. 然后我将我的服务器部分 package.json 与使用 create-react-application 创建的应用程序合并,并将我的服务器部分放入同一个项目中

  3. 我按照facebook help page中的建议为我的服务器设置代理

在本地机器上一切正常,但是当我尝试部署到 google GCP 应用程序引擎时,出现错误 'invalid host header' ,然后我在 app.yml 文件中设置 HOST: 'localhost' ,之后我收到 502 Gateway 错误

知道需要做什么吗?

我的观察:create-react-application 将在 3000 端口上运行应用程序,但对于 google gcp 应用程序应该在 8080 端口上运行,因此我在 package.json 中设置 PORT=8080 如下

"scripts": {
    "start": "PORT=8080 react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

即使使用 8080 端口,我仍然面临 502 网关

【问题讨论】:

  • 只是“无效的主机头”吗?请提供完整的错误信息。
  • @SLCH000 正如我在问题中提到的,我通过将 host='localhost' 放入 yml 文件中解决了“无效的主机头”。但现在面临 502 网关错误。

标签: reactjs google-cloud-platform create-react-app


【解决方案1】:

HOST=your-appengine-domain 添加到环境文件

【讨论】:

  • 我收到以下错误无法在 找到打开的端口。网络错误信息:listen EADDRNOTAVAIL: address not available npm ERR!代码 ELIFECYCLE npm 错误! errno 1 npm 错误! 开始:node src/server/app.js & node src/server/apiServer.js & react-scripts start npm ERR!退出状态 1 npm ERR! npm 错误! 启动脚本失败。 npm 错误!这可能不是 npm 的问题。上面可能有额外的日志输出。 npm 错误!可以在以下位置找到此运行的完整日志:npm ERR! /root/.npm/_logs/app-debug.log
猜你喜欢
  • 1970-01-01
  • 2020-01-11
  • 2020-07-17
  • 1970-01-01
  • 2017-12-28
  • 2021-07-06
  • 2021-05-15
  • 2020-02-06
  • 1970-01-01
相关资源
最近更新 更多