使路径具有基本路径

时间:2017-01-12 01:34:46

标签: react-router webpack-dev-server

我想添加" / app"作为反应路线中所有路线的基本路径。所以我在尝试 -

          ....更多路线   

我无法使用URL localhost:8080 / app制作webpack dev服务器服务页面。它给了我一个"无法获得/ app"错误。如果我尝试localhost:8080 / - 它会给我一个错误,它与" /"的路由不匹配。

此方案的基本webpack dev服务器配置应该是什么?

1 个答案:

答案 0 :(得分:0)

Webpack historyApiFallback配置选项正是您所需要的。只需将其设置为true,所有未路由到资产的请求都将重写为/。您还可以使用自定义重写传递对象:

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

(摘自上面链接的文档页面。)