我尝试部署React Heroku应用时出现无效的主机头错误

时间:2019-08-10 15:05:29

标签: javascript reactjs heroku

我正在尝试在heroku上部署一个简单的react应用程序。部署时,我看到错误Invalid Host header。我不明白原因。为防止此错误,我在根目录中创建了一个.env.development文件并添加了:

HOST=fce-bxxok-3517.herokuapp.com

但是当我这样做时,我仍然收到一个错误,说Could not find an open port at fce-bxxok-3517.herokuapp.com/

这可能是什么原因?

这是我的package.json的样子:

    {
  "dependencies": {
    "antd": "latest",
    "bootstrap": "4.3.1",
    "react": "latest",
    "react-dom": "latest",
    "react-scripts": "1.0.0"
  },
  "name": "9n6m1",
  "description": null,
  "version": "0.0.303",
  "devDependencies": {
    "react-scripts": "1.0.0"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

1 个答案:

答案 0 :(得分:1)

我完全无法理解该问题,但似乎您正在某个地方对端口的值进行硬编码,这是不应该做的。 Heroku自动为应用分配端口。

此外,如果您只想在任何服务器上托管react js应用程序,则可以使用 NETLIFY ,这将帮助您以更轻松的方式部署应用程序,因为它实际上是为应用程序构建的。 Heroku主要用于部署服务器端应用程序,例如Python,Flask,Ruby。