一 . 更改vue 前端項目 打包根路徑

1. vue-cli 2.x版本
   在 config/index.js 文件夾中
   

   由
   image.png
   
   改為
   
   image.png

2. vue-cli 3.x版本
   在 vue.config.js 文件
   

   由
   image.png
   
   改為
   
   image.png

3. vue-cli 4.x版本
   在 vue.config.js 文件
   由

   
   
   image.png

改為

image.png

由以上三中類型 運行打包命令后 把dist包 分別對應根路徑的名稱 重新命名

二. 把第一步拿到的三個項目壓縮包 上傳到遠程服務 nginx 下的html文件夾下 如下：

image.png

更改 nginx.conf 配置如下

image.png

image.png

改成不同的名字“應該也行”打包后直接就是這個文件名 而不是dist
自己可以試一試沒事）

(訪問時最好在路徑后 加個 '/')
更改配置后 重啟項目即可
若在 項目運行中與后段接口 交互中出現問題可參考 http://www.itdecent.cn/p/12ae939fafef