Vue CLI 构建 - 使用“/”作为根在本地开发，但部署到“/子文件夹/”作为根？

Question

我在本地有一个 Vue，主要/index.html是 webroot，但是当我部署时，我希望子文件夹/stats成为根目录（并且我的所有路由仍然有效）。我可以在不手动更改路由器/index.js 的情况下执行此操作吗？vue.config.js// this doesn't seem to workmodule.exports = {  publicPath: process.env.NODE_ENV === "production" ? "/stats/" : "/",};路由器.jsconst 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

})