Vue-CLI3項目打包靜態部署非根目錄（Tomcat，github pages等）

vue 打包之後項目需要部署到tomcat（github pages）靜態。如果採用vue-cli3 自己腳手架生成的默認配置，那麼只能配置到tomcat的根目錄上（Root內）

而想部署非根目錄（自己的項目）

在 vue.config.js 中設置正確的 publicPath：
例如：你想設置https://域名/自定義名/這種格式，那麼只需要設置

module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? '/自定義名/'
    : '/'
}

例如：http://www.test.com/myproject/ 這種格式
則配置如下：

module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? '/myproject/'
    : '/'
}

然後在tomcat 中新建myproject文件夾，放入你打好的包即可

具體參考vue-cli3 部署或者配置參考

後記：
直接輸出打包文件名

outputDir:'myproject'

因爲項目是vscode 中的jsconfig.json也要進行處理一下

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
        "@/*": ["src/*"]
    }
  },
  "exclude": ["node_modules", "dist"]
}

exclude：告訴語言服務哪些文件是什麼文件，而不是源代碼的一部分。 這使性能保持在較高水平。 如果IntelliSense速度很慢，請將文件夾添加到排除列表中
所以這裏要添加myproject

千里之行
始於足下