Vue CLI 构建 - 以 "/" 作为根进行本地开发，但以根身份部署到"/subfolder/"？

Question

我在本地有一个 Vue，主要/index.html是 webroot，但是当我部署时，我希望子文件夹/stats是根(我所有的路由仍然有效(。

我可以在不手动更改路由器/索引的情况下执行此操作吗.js？

vue.config.js

// this doesn't seem to work
module.exports = {
publicPath: process.env.NODE_ENV === "production" ? "/stats/" : "/",
};

路由器.js

const routes = [
{
path: "/",
name: "HomeView",
component: HomeView,
},
{
path: "/grid",
name: "GridView",
component: GridView,
},
...
]

Answer 1

唯一的建议 我确保您设置路由器base属性以匹配您的publicPath

const router = new VueRouter({
mode: 'history',
base: process.env.BASE_URL, // 👈 set the "base" property here
routes
})