多个 VUE 前端工程部署设置、nginx 代理配置
前些天發現了一個巨牛的人工智能學習網站，通俗易懂，風趣幽默，忍不住分享一下給大家。點擊跳轉到教程。
PS：早期 我只有一個 VUE 前端工程：gentle-vue ，加一個 java 后端工程：gentle ，比較好部署。
現在有 2 個 前端工程 （后端工程也有多個）
前后端工程部署方式都是docker ，這個和早期一樣，無需改動。
前后端分離工程實現見文章：前后端分離工程實現 （VUE、JAVA）、附全部源碼
單獨 VUE工程、java 工程的 docker 方式部署見文章：
Docker 方式 部署 vue 項目 （docker + vue + nginx）
Docker 部署應用、jar 工程 docker 方式部署
?
多個 VUE 前端工程部署、nginx 代理配置：
1. 預期效果
前端工程 gentle-vue 訪問地址：http://ergouzi.fun/gentle-vue/
前端工程 breeze 訪問地址：http://ergouzi.fun/
2. 在 VUE 工程中有 3 個地方要設置。
1）?config? -->? index.js -->??build 中 設置訪問路徑：
2）router --> index.js 中設置：
3）index.html? 的? <head> 中 新增：<meta base=/gentle-vue/>
前端工程 gentle 的設置就可以了。再有更多則同樣設置即可。
3. nginx 配置：
?
?
到此時 前端工程 gentle 已經可以訪問到了。
我的另外一個前端工程是直接放在域名路徑下，所以不用作?第 2 步中的設置。只要有第 3 步中的代理，前端工程 breeze 就可以訪問到了。
4 . 訪問效果：
gentle工程：
breeze 工程：
?
OK了。
?
?
總結
以上是生活随笔為你收集整理的多个 VUE 前端工程部署设置、nginx 代理配置的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： QT-概念笔记
- 下一篇： 2017年html5行业报告,云适配发布