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

IT技术 reactjs heroku create-react-app buildpack
2021-05-01 22:38:31

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

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

此问题之后,解释了路由指令,我在根目录中配置了一个 static.json 无济于事:

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

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

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

更多在这里