在Heroku上配置单页Create-React-App

时间:2018-01-29 14:17:56

标签: reactjs heroku create-react-app buildpack

使用Firebase托管,当您部署应用you are asked时,是否要将所有网址重写为/index.html。这意味着无论是直接访问还是从主页导航到react-router路由都会被正确触发。

我们使用Create-react-appCreate-react-app-buildpack部署到Heroku。我们如何以相同的方式将所有URL重写为/index.html?

this issue之后,解释了routes指令,我在root中配置了static.json无效:

{
  "routes": {
    "/images/*": "/images/",
    "/legal/*": "/images/",
    "/media/*": "/media/",
    "/fav/*": "/fav/",
    "/styles/*": "/styles/",
    "/**": "index.html"
  }
}

1 个答案:

答案 0 :(得分:3)

在项目根目录中创建一个static.json文件,其中包含以下内容:

{
  "root": "build/",
  "routes": {
    "/**": "index.html"
  }
}

更多here