无法在xxx.heroku.com找到一个开放端口

时间:2018-06-02 15:16:21

标签: reactjs heroku

我正在尝试在heroku上部署反应前端。我在pacakage.json中使用代理,所以一开始我有#34;无效的主机标题"错误。然后在我创建一个.env.development文件,并将指定的主机指定给我的heroku域后,我收到错误"找不到xxx.heroku.com上的开放端口

寻找有关如何让它运行或找到端口的指导。

1 个答案:

答案 0 :(得分:0)

我有同样的问题,发现我使用的是默认的buildpack。我使用create-react-app-buildpack确定了问题 在app.json中添加create-react-app-buildpack

{
  "buildpacks": [
    {
      "url": "https://github.com/mars/create-react-app-buildpack"
    }
  ]
}

如果您尚未创建

,请创建static.json
{
  "root": "build/",
  "proxies": {
    "/route": {
      "origin": "url"
    }
  }
}

如果您在页面刷新时遇到nigix 404,请在下面添加到static.json

"routes": {
    "/**": "default.html"
  }

在我的情况下,default.html是index.html

从package.json中删除代理,但您必须将其保留用于本地工作。 从heroku中删除HOST 并从heroku cli更改buildpack,在我的情况下,我清除了所有buildpacks并添加了新的build pack。 BUILPACK_URL https://github.com/mars/create-react-app-buildpack

heroku buildpacks:add BUILDPACK_URL

heroku buildpacks:set BUILDPACK_URL

最后将代码推送到heroku。您可以按照doc

进行操作