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配置代理前端资源内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Nginx配置ssl证书方式(https证书)

    Nginx配置ssl证书方式(https证书)

    文章介绍了HTTPS协议通过SSL加密提升安全性,指导如何在Nginx中配置SSL模块,包括容器启动、证书部署、端口设置及TLS协议升级,以解决安全漏洞问题
    2025-07-07
  • 如何本地安装nginx及部署项目

    如何本地安装nginx及部署项目

    这篇文章主要介绍了如何本地安装nginx及部署项目问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-12-12
  • OpenResty是什么,OpenResty和Nginx的区别?

    OpenResty是什么,OpenResty和Nginx的区别?

    Nginx作为一款轻量级、高性能的Web服务器,传统局限性也很明显:静态配置、逻辑扩展依赖C模块开发,使得它在需要动态业务逻辑的场景中显得捉襟见肘,<BR>而OpenResty的出现,打破了这一僵局,它通过将Lua脚本深度集成到Nginx中,将“静态代理服务器”升级为“动态应用平台”
    2025-04-04
  • Windows Server 2016 MySQL数据库安装配置详细安装教程

    Windows Server 2016 MySQL数据库安装配置详细安装教程

    这篇文章主要介绍了Windows Server 2016 MySQL数据库安装配置详细安装教程,需要的朋友可以参考下
    2017-08-08
  • Nginx反向代理与负载均衡实战篇

    Nginx反向代理与负载均衡实战篇

    这篇文章主要介绍了Nginx反向代理与负载均衡实战篇,需要的朋友可以参考下
    2019-03-03
  • nginx ingress限速那些事浅析

    nginx ingress限速那些事浅析

    这篇文章主要为大家介绍了nginx ingress限速的一些知识的浅析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-04-04
  • Nginx进程调度问题详解

    Nginx进程调度问题详解

    Nginx采用的是固定数量的多进程模型,由一个主进程(MasterProcess)和数量与主机CPU核数相同的工作进程协同处理各种事件。这篇文章主要介绍了Nginx进程调度问题,需要的朋友可以参考下
    2021-09-09
  • Nginx Location匹配规则的具体使用

    Nginx Location匹配规则的具体使用

    Nginx location指令用于配置请求的处理方式,包括精确匹配、最长前缀匹配、正则表达式匹配等,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2024-11-11
  • 详解nginx 301跳转到带www域名方法

    详解nginx 301跳转到带www域名方法

    这篇文章主要介绍了详解nginx 301跳转到带www域名方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • Nginx+Tomcat高性能负载均衡集群搭建教程

    Nginx+Tomcat高性能负载均衡集群搭建教程

    这篇文章主要为大家详细介绍了Nginx+Tomcat高性能负载均衡集群搭建教程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-04-04

最新评论