在将 react redux 应用程序部署到 heroku 时,为什么我们要在 root 中添加 static.json

IT技术 reactjs heroku redux
2021-05-23 06:12:22

为什么我们在根目录下的 static.json 文件中添加这个 =>

{
        "root": "dist/",
        "routes": {
        "/**": "index.html"
        }
    }
1个回答

static.json文件heroku-buildpack-static在部署期间heroku用于处理静态站点和单页 Web 应用程序。

可以在static.json. 其中

Root允许您为应用程序目录指定不同的资产根目录。默认情况下是public_html/

自定义路线

您可以定义组合到单个文件的自定义路由。这允许您保留单页 Web 应用程序的路由。支持以下运算符:

*支持 URL 中的单个路径段。在下面的配置中,/baz.html会匹配但/bar/baz.html不会。

**支持任意长度的 URL。在下面的配置中,两者都/route/foo可以工作并且/route/foo/bar/baz.

{
  "routes": {
    "/*.html": "index.html",
    "/route/**": "bar/baz.html"
  }
}

在提供单页应用程序时,支持提供index.html文件的通配符 URL 很有用,同时还能继续正确提供 JS 和 CSS 文件。路由排序允许您同时执行以下两项操作:

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

使用上述配置,您的服务器将返回index.html所有路径,并且任何路由都client side使用react-router