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

Question

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

我可以在不手动更改路由器/index.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属性以匹配您的唯一建议publicPathconst router = new VueRouter({  mode: 'history',  base: process.env.BASE_URL, // 👈 set the "base" property here  routes})