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