nginx配置代理多個前端資源
更新時間：2023年04月12日 09:49:06 作者：萬物可測
本文主要介紹了nginx配置代理多個前端資源，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
背景
兩套不同的前端使用同一個后端服務(wù)，前端使用的Nginx代理的dist包
前端
vue+elementui
后端
Python+flask
Nginx代理設(shè)置
1.進入Linux機器，whereis nginx 查看Nginx安裝位置
2.進到Nginx配置文件下
3.vim nginx.conf 通過多個server管理多個端口前端資源代理
#前端一，端口8080訪問就可以代理到
server {
? ? ? ? listen ? ? ? 8080;
? ? ? ? server_name ?124.222.181.200;
? ? ? ? location /{
? ? ? ? ? ? root ?/root/.jenkins/workspace/test_vue_ks/dist;
? ? ? ? ? ? index ?index.html index.htm;
?? ??? ?}
?? ??? ?#后端接口
?? ??? ?location /api{
?? ??? ? ? proxy_pass http://xxx:5555/;
?? ??? ? ? proxy_cookie_path / /api;
?? ? ? ? ? ? ? proxy_redirect default;
?? ? ? ? ? ? ? rewrite ^/api/(.*) /$1 break;
?? ? ? ? ? ? ? client_max_body_size 500m;
?? ??? ?}
? ? }
#前端二，端口8082訪問就可以代理到
server {
? ? ? ? listen ? ? ? 8082;
? ? ? ? server_name ?124.222.181.200;
? ? ? ? location /{
? ? ? ? ? ? root ?/root/.jenkins/workspace/test_vue_xs/dist;
? ? ? ? ? ? index ?index.html index.htm;
?? ??? ?}
?? ??? ?#后端接口地址
?? ??? ?location /api{
?? ??? ? ? proxy_pass http://xxx:5555/;
?? ??? ? ? proxy_cookie_path / /api;
?? ? ? ? ? ? ? proxy_redirect default;
?? ? ? ? ? ? ? rewrite ^/api/(.*) /$1 break;
?? ? ? ? ? ? ? client_max_body_size 500m;
?? ??? ?}
? ? }4.保存好了后，進到sbin文件下重啟Nginx，
到此這篇關(guān)于nginx配置代理多個前端資源的文章就介紹到這了,更多相關(guān)nginx配置代理前端資源內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
文章介紹了HTTPS協(xié)議通過SSL加密提升安全性,指導如何在Nginx中配置SSL模塊,包括容器啟動、證書部署、端口設(shè)置及TLS協(xié)議升級,以解決安全漏洞問題2025-07-07
這篇文章主要介紹了如何本地安裝nginx及部署項目問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-12-12
OpenResty是什么，OpenResty和Nginx的區(qū)別？
Nginx作為一款輕量級、高性能的Web服務(wù)器,傳統(tǒng)局限性也很明顯：靜態(tài)配置、邏輯擴展依賴C模塊開發(fā),使得它在需要動態(tài)業(yè)務(wù)邏輯的場景中顯得捉襟見肘,<BR>而OpenResty的出現(xiàn),打破了這一僵局,它通過將Lua腳本深度集成到Nginx中,將“靜態(tài)代理服務(wù)器”升級為“動態(tài)應(yīng)用平臺”2025-04-04
Windows Server 2016 MySQL數(shù)據(jù)庫安裝配置詳細安裝教程
這篇文章主要介紹了Windows Server 2016 MySQL數(shù)據(jù)庫安裝配置詳細安裝教程,需要的朋友可以參考下2017-08-08
這篇文章主要介紹了Nginx反向代理與負載均衡實戰(zhàn)篇,需要的朋友可以參考下2019-03-03
這篇文章主要為大家介紹了nginx?ingress限速的一些知識的淺析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04
Nginx采用的是固定數(shù)量的多進程模型，由一個主進程（MasterProcess）和數(shù)量與主機CPU核數(shù)相同的工作進程協(xié)同處理各種事件。這篇文章主要介紹了Nginx進程調(diào)度問題,需要的朋友可以參考下2021-09-09
Nginx?location指令用于配置請求的處理方式,包括精確匹配、最長前綴匹配、正則表達式匹配等,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2024-11-11
這篇文章主要介紹了詳解nginx 301跳轉(zhuǎn)到帶www域名方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
這篇文章主要為大家詳細介紹了Nginx+Tomcat高性能負載均衡集群搭建教程，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-04-04