## 一、修改打包配置 我希望: * 在生產環境上，訪問該前端應用就http://ip:port/dongbb * 在測試環境上，訪問該前端應用就http://ip:port vue.config.js  所以做這個配置，這個配置只做一次就可以了。 后端接口訪問地址,api-axios的請求實例，請求地址配置（改成后端服務的實際地址）.在src/api/index.js中 ~~~ export const jwtServerInstance = new HttpRequest("http://123.56.169.21:8201") ~~~ ## 二、打包 ~~~ npm run build ~~~ 打包結果多出一個dist文件夾，將該文件夾內的文件全部上傳服務器，我選擇的存放目錄是：/usr/local/nginx/html/dongbb  ## 三、配置nginx服務 vim /usr/local/nginx/conf/nginx.conf,下文紅色邊框是我新增的部分。  * server.root 表示以/usr/local/nginx/html作為項目的根路徑 * location表示一個項目，location:/dongbb表示項目根目錄下面的項目路徑/dongbb * index.html表示項目入口 * `try_files $uri $uri/ /dongbb/index.html; `是一種相對特殊的用法，當你選擇了vue路由的history模式，這個位置就需要這么配置。vue官方給出的方案。 配置修改完成后，nginx重新加載配置文件，生效。 ``` /usr/local/nginx/sbin/nginx -s reload ```