vue-cli多页面history模式-问题解答

import Vue from "vue";
import Router from "vue-router";
Vue.use(Router);
const mainRoutes = [
    {path: '/foo', component: () => import("../views/templates/index.vue")},
];
const router = new Router({
    mode: "history",
    base: "/sysadmin",
    routes: mainRoutes,
});
export default router;

import "core-js/stable";
import "regenerator-runtime/runtime";
import Vue from "vue";
import App from "./index.vue";
import router from './router/index'
new Vue({
    router,
    render: (h) => h(App),
}).$mount("#app");

configureWebpack:()=>{
    devServer: {
        historyApiFallback: {
            verbose: true,
            rewrites: [
                {from: /^\/index\/.*$/, to: "/index.html"},
                {from: /^\/sysadmin\/.*$/, to: "/sysadmin.html"},
            ],
        },
    },
}