nginx配置代理多個前端資源
更新時間：2023年04月12日 09:49:06 作者：萬物可測
本文主要介紹了nginx配置代理多個前端資源，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
背景
兩套不同的前端使用同一個后端服務(wù)，前端使用的Nginx代理的dist包
前端
vue+elementui
后端
Python+flask
Nginx代理設(shè)置
1.進(jìn)入Linux機(jī)器，whereis nginx 查看Nginx安裝位置
2.進(jìn)到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.保存好了后，進(jìn)到sbin文件下重啟Nginx，
到此這篇關(guān)于nginx配置代理多個前端資源的文章就介紹到這了,更多相關(guān)nginx配置代理前端資源內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
我們都知道nginx 默認(rèn)使用80端口,有時候我們希望nginx運(yùn)行在其他端口,下面這篇文章主要給大家介紹了關(guān)于nginx修改默認(rèn)端口的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-09-09
使用AWS的ELB服務(wù)時為Nginx啟用代理協(xié)議的步驟講解
這篇文章主要介紹了使用AWS的ELB服務(wù)時為Nginx啟用代理協(xié)議的步驟講解,ELB服務(wù)是亞馬遜服務(wù)器提供的常用的負(fù)載均衡方案,需要的朋友可以參考下2015-12-12
Nginx轉(zhuǎn)發(fā)需求querystring轉(zhuǎn)寫示例解析
這篇文章主要為大家介紹了Nginx轉(zhuǎn)發(fā)需求querystring轉(zhuǎn)寫示例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08
Nginx中IF語句實(shí)現(xiàn)數(shù)學(xué)比較功能
這篇文章主要介紹了Nginx中IF語句實(shí)現(xiàn)數(shù)學(xué)比較功能,即在Nginx中用if判斷數(shù)字大小,類似編程語言中的邏輯比較,需要的朋友可以參考下2015-02-02
本文主要介紹了nginx?host繞過的三種方式，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-03-03
這篇文章主要介紹了nginx處理http請求實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-06-06
nginx?sticky實(shí)現(xiàn)基于cookie負(fù)載均衡示例詳解
這篇文章主要為大家介紹了nginx?sticky實(shí)現(xiàn)基于cookie負(fù)載均衡示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12
Nginx+SSL+Node.js運(yùn)行環(huán)境配置教程
這篇文章主要介紹了Nginx+SSL+Node.js運(yùn)行環(huán)境配置教程,本文用反向代理的方式代理基于Node.js的Web應(yīng)用,需要的朋友可以參考下2014-09-09
本文主要介紹了nginx之queue的具體使用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
阿里云Linux系統(tǒng)Nginx配置多個域名的方法詳解
本篇文章主要介紹了阿里云Linux系統(tǒng)Nginx配置多個域名的方法詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02