目錄

• 背景
• 前端
• 后端
• 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配置代理前端資源內容請搜索以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持！