把vue打包檔部署在特定路徑

因為客戶的網站有分成兩種類型，想要把網站部署在類似這種 domain.com/AAA, domain.com/BBB 的資料夾結構下，當初以為就把dist/整包給他放在他開好的資料夾就可以了，後來發現我大錯特錯，切換路由一直失敗，於是上網看了一下官網，發現只需要調整兩個步驟就可以了。

設定publicPath

module.exports = {
  publicPath: process.env.VUE_APP_BASE_URL,
};

VUE_APP_BASE_URL="/AAA"

VUE_APP_BASE_URL="/"

設定router

import Vue from "vue";
import VueRouter from "vue-router";
Vue.use(VueRouter);
const routes = [
//...
]
const router = new VueRouter({
  mode: "history",
  base: process.env.BASE_URL, // 加上這行
  routes
});

export default router;

module.exports = {
  publicPath: process.env.VUE_APP_BASE_URL,
  }
};

完成之後就可以打包，把dist/檔案放到正確的資料夾下面了。