vue與普通web專案
普通web專案是放在不同的tomcat下用nginx完成負載均衡
vue需要在nginx里配置負載均衡多個其他nginx完成負載均衡
搭建
- 安裝docker
- 在docker中拉取nginx
- 在宿主機中新建需要掛載nginx組態檔以及前端專案的檔案夾，比如 mkdir -p /home/docker-nginx,
- 在docker-nginx下
mkdir -p {html,conf,conf.d,logs}
html：掛載前端專案位置 /usr/share/nginx/html 這里可以不用掛載，在部署前端專案的被負載均衡的服務器介意掛載
conf：需要在conf里建立nginx.conf檔案，可以網上從容器直接復制過來
紅線標的是負載均衡的兩個服務，也可以配置在conf.d檔案夾下的default.conf檔案中（docker中nginx的nginx.conf的子檔案），注意這里在掛載時是檔案掛載
conf.d：用來掛載docker中nginx的/etc/nginx/conf.d檔案夾 掛載時屬于目錄掛載，目錄下的default.conf如下配置
logs：用來掛載 /var/log/nginx
開始啟動并且掛載掛載
docker run --name mynginx -d -p 39002:80 -v /home/docker-nginx3/html:/usr/share/nginx/html -v /home/docker-nginx3/conf/nginx.conf:/etc/nginx/nginx.conf -v /home/docker-nginx3/conf.d/default.conf:/etc/nginx/conf.d/default.conf -v /home/docker-nginx3/logs:/var/log/nginx nginx
之后只需要在其他服務器上的nginx下或者同服務器docker中不同埠的nginx容器中部署前端專案就可以
操作同上，只不過不一樣配置
因為我的是同一宿主機docker中不同nginx容器舉其中埠號為39001的為例
只需要將目錄掛載出來，
將前端vue專案打包的dist下的所有的檔案上傳至掛載目錄下即可
測驗39002主nginx
埠為39001為1111
埠為39003為22222
現在訪問39003，負載均衡成功
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/281363.html
標籤：其他