log:
背景
兩套不同的前端使用同一個后端服務(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，文章來源：http://www.zghlxwxcb.cn/news/detail-405886.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-405886.html
到了這里，關(guān)于nginx配置代理多個前端資源的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
