webpack, react, react-router 多入口问题

Question

在开发环境下，有多个入口，问题是这样的： 如其中一个入口是 http://localhost:3000/vip.html， 然后点击跳转到另一个路由http://localhost:3000/vip.html/submenu， ok没问题。如果刷新的话，就变成404了 Cannot GET /vip.html/submenu。

WebpackDevServer的配置项historyApiFallback已经增加了对应的rewrites, 如下:

 historyApiFallback: {
      // Paths with dots should still use the history fallback.
      // See https://github.com/facebookincubator/create-react-app/issues/387.
      disableDotRule: true,
      // 指明哪些路径映射到哪个html
      rewrites: [
        // { from: /^\/$/, to: '/build/index.html' },
        { from: /^\/admin.html/, to: '/build/admin.html' },
        { from: /^\/vip.html/, to: '/build/vip.html' },
      ]
    },

求解决方法~thanks

Answer 1

sorry,我的 to 写错了。去掉 build 层文件夹就好了。

{ from: /^\/admin.html/, to: '/admin.html' },
{ from: /^\/vip.html/, to: '/vip.html' },