鍍金池/ 問答/HTML5  HTML/ webpack, react, react-router 多入口問題

webpack, react, react-router 多入口問題

在開發(fā)環(huán)境下,有多個入口,問題是這樣的: 如其中一個入口是 http://localhost:3000/vip.html, 然后點擊跳轉(zhuǎn)到另一個路由http://localhost:3000/vip.html/submenu, ok沒問題。如果刷新的話,就變成404了 Cannot GET /vip.html/submenu

WebpackDevServer的配置項historyApiFallback已經(jīng)增加了對應(yīng)的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

回答
編輯回答
神經(jīng)質(zhì)

sorry,我的 to 寫錯了。去掉 build 層文件夾就好了。

{ from: /^\/admin.html/, to: '/admin.html' },
{ from: /^\/vip.html/, to: '/vip.html' },
2018年9月14日 11:54