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