带有基本路径的反应路由器

【问题标题】：React Router with a base path带有基本路径的反应路由器
【发布时间】：2017-05-27 00:02:55
【问题描述】：

我想添加“/app”作为我在 react 路由中所有路由的基本路径。所以我正在尝试 -

.... 更多路线

我无法让 webpack 开发服务器使用 URL localhost:8080/app 服务页面。它给了我一个“无法获取 /app”的错误。如果我尝试 localhost:8080/ - 它会给我一个错误，它无法匹配带有“/”的路由。

这个场景的基本 webpack 开发服务器配置应该是什么？

【问题讨论】：

我也想要一个解决方案，但很难理解为什么会这么难。

标签： react-router webpack-dev-server

【解决方案1】：

Webpack historyApiFallback 配置选项是您正在寻找的。只需将其设置为true，所有未路由到资产的请求都将被重写为/。您还可以通过自定义重写传入一个对象：

historyApiFallback: {
  rewrites: [
    { from: /^\/$/, to: '/views/landing.html' },
    { from: /^\/subpage/, to: '/views/subpage.html' },
    { from: /./, to: '/views/404.html' }
  ]
}

（示例取自上面链接的文档页面。）

【讨论】：