nginx部署帶服務名的項目

項目是前后端分離的，vue部署到生產環境時需要帶項目名進行訪問。acdmSA是我的項目名。

一、修改vue項目config/index.js中的build配置

  assetsPublicPath:'/'，改為assetsPublicPath:’/acdmSA/'。

二、修改router配置，src/router/index.js中修改router

增加base:'/acdmSA/' 

 三、打包，上傳到服務器

npm run build

壓縮成zip，上傳到目錄：/home/datastatistics-front ，

四、nginx配置

server {
        listen       8089;
        server_name  localhost 111.74.186.13;

        location /acdmSA {
           alias  /home/datastatistics-front/dist/;
           index  index.html index.htm;
           try_files $uri $uri/ /index.html =404;
        }
       
 
    }

vue-cli 如何配置assetsPublicPath； vue.config.js如何更改assetsPublicPath配置；

1. vue-cli 2.x版本

 在config文件夾下的index.js中修改 assetsPublicPath: './'

2. vue-cli 3.x版本

在 cli3 中 assetsPublicPath 屬性被 baseUrl 取代，只需要在vue.config.js 添加baseUrl 屬性 設為 ‘./’ 即可

3. vue-cli 4.x版本

與cli3相同都是修改 vue.config.js 文件 ，但將屬性換為   publicPath:'./'