一个 nginx 通过不同域名映射多个前端项目

场景

域名解析到某台服务器,有两个前端服务(原生门户、vue后台管理),安装了一个nginx,通过此域名及子域名映射到不同的前端服务上

思路

将nginx的配置文件分为几个子配置,根据域名读取不同的前端index.html

配置文件

默认配置

添加include映射子配置

user  nginx;
worker_processes  auto;

error_log  /var/log/nginx/error.log notice;
pid        /var/run/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       /etc/nginx/mime.types;
    #添加include映射子配置
    include       /etc/nginx/vhost/*.conf;
    default_type  application/octet-stream;

    access_log  /var/log/nginx/access.log;

    sendfile        on;
    #tcp_nopush     on;

    keepalive_timeout  65;

    #gzip  on;
}
子配置

创建 /etc/nginx/vhost/(上面include指定的地方) 文件夹
进入文件夹创建demo.conf、 demo2.conf文件

子配置1(demo.conf)
server {  # server参数下
        listen       80;  # 指定默认端口
        server_name  www.demo.com;  # 域名1
        location / {
            root /usr/share/nginx/demo/;  # 这表示读取配置文件所在目录下的index文件;
            index index.html index.htm;
        }
    }
子配置2(demo2.conf)
    server {  # server参数下
        listen       80;  # 指定默认端口
        server_name  cms.demo.com;  # 域名2
        charset utf-8;

        location / {
            root /usr/share/nginx/demo2/;  # 这表示读取配置文件所在目录下的index文件;
            try_files $uri $uri/ /index.html;
            index index.html index.htm;
        }
        #这里配置前端对应的后台服务
        location /prod-api/ {  
                proxy_set_header Host $http_host;
                proxy_set_header X-Real-IP $remote_addr;
                proxy_set_header REMOTE-HOST $remote_addr;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                proxy_pass http://127.0.0.1:8080/;
         }
         #这是阿里云代理配置,不需要可忽略
        location ^~ https://XXXXX.oss-cn-hangzhou.aliyuncs.com/static/ {
            proxy_pass http://127.0.0.1:3333;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_hide_header X-Powered-By;
            proxy_set_header HOST $http_host;
            add_header Cache-Control 'no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0';
        }
    }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值