• Nginx实现同一个端口访问不同前后端项目


    Nginx实现通过不同的url前缀访问不同的前后端项目
    近期谷歌浏览器更新后,浏览器访问网页已经不能通过一个页面实现不同端口号的跳转(例如多个不同前端项目的合并登录页),所以目前就可以通过给网页访问链接增加不同的url前缀,来让Nginx去实现同一端口下访问不同的前后端项目。具体配置如下:
    (我这里是前端两个项目各自对应后端的两个服务)

        server {
            #这里默认监听80端口,可根据项目需要自行设置需要监听的端口号
            listen       80;
            server_name  此处填写项目发布的域名或者ip地址;
    
            location / {
                root   此处填写前端项目文件路径(默认访问的前端项目一的路径);
                index  index.html index.htm;
            }
            
            #这里因为每个server只能有一个root 所以在根目录默认有root之后,可以通过alias来配置其他文件路径
            #ex: http://www.xxx.com:xxx/unst/#/xxx,将/unst这个前置在页面跳转时加入url的#号之前即可
            location /unst {
                alias  此处填写前端项目文件路径(前端项目二的路径);
                index  index.html index.htm;
            }
            
            #前端项目一对应的后端服务一的跳转配置
            location /st/ {
                proxy_redirect  off;
                proxy_set_header  Host  $host; 
                proxy_set_header  X-Real-IP  $remote_addr;
                proxy_set_header  X-Forwarded-For $proxy_add_x_forwarded_for;
                proxy_pass   http://127.0.0.1:8089;
            }
            
              #前端项目二对应的后端服务二的跳转配置
            location /un/ {    
                proxy_pass   http://127.0.0.1:8091;
            }
            
        }
  • 相关阅读:
    1015词法分析
    0909作业
    华为云专家来公司
    SVN与Git的优点差异比较
    eclipse快捷键大全
    Servlet,HttpServletRequest 和 HttpServletResponse
    XML
    JDBC
    XMIND快捷键
    java数据
  • 原文地址:https://www.cnblogs.com/amujoe/p/16076158.html
Copyright © 2020-2023  润新知