nginx 同一个域名下部署多个工程;

今天又一个需求;今天我们部署上线的系统,又两个系统,两个系统都是前后端分离的; 然后公司最后只给我们分配的一个子域名;这就比较蛋疼了;

本人对这个nginx不熟,只能百度了;

通过配置两个子目录来配置两个工程; 

后台管理台:{域名}/admin

用户客户端:{域名}/client 

有了这个想法;就开始配了;

先按照nginx ,

yum install nginx 

自动安装就好了;配置文件目录在/etc/nginx 下;启动命令为 /usr/sbin/nginx ;

现在开始配置文件了; 我们进入 /etc/nginx/conf.d 目录下,创建一个文件 myWeb.conf,文件要以.conf结尾,这样启动nginx时,能够自动加载这个配置文件;

server {
    listen 8080;
    server_name ****.*****.com;
    root /home/work/***/static/client;
    index index.html;
    autoindex on;
    charset   utf-8;

    location ~ /(system|car)/ {
        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://192.168.1.1:8851;
    }

    #配置Nginx动静分离,定义的静态页面直接从Nginx发布目录读取。
    location /admin {
        alias /home/work/****/static/admin/;
        #expires定义用户浏览器缓存的时间为7天,如果静态页面不常更新,可以设置更长,这样可以节省带宽和缓解服务器的压力
        expires  1d;
        index index.html;
	autoindex on;
    }

    access_log /home/work/****/logs/static_admin_ng_access.log;

    location /api/ {
        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://192.168.1.1:8851;
    }
    #配置Nginx动静分离,定义的静态页面直接从Nginx发布目录读取。
    location /client {
        alias /home/work/****/static/client/;
        #expires定义用户浏览器缓存的时间为7天,如果静态页面不常更新,可以设置更长,这样可以节省带宽和缓解服>务器的压力
        expires  1d;
        index index.html;
	autoindex on;
    }
    access_log /home/work/****/logs/static_client_ng_access.log;

}

在配置这个的时候,遇到一个坑,就是alias 和root 的区别,导致获取的静态文件的获取的路径不对,一直报404;郁闷的很;

在配置ng 的location 的生活;一般不要加后面的斜杆;然后加上autoindex on; 自动首页;这样就会自动跳转到首页了;


alias 和 root 的区别; root 的话;location 中的地址会拼接到root后面;alias就直接代替后面的东西




如:
location /admin {
root  /admin/res/;
index html.html;
autoindex no;
}


location /admin {
alias /admin/res/;
index html.html;
autoindex no;
}


访问地址:localhost:8080/admin/res/app.js;


root实际访问的地址就是: localhost:8080/admin/res/admin/res/app.js

                也就是说这个实际访问的地址 ./admin/res/admin/res/app.js ;这样根本找不到文件;

alias 实际的访问地址就是: localhost:8080/admin/res/app.js;

                访问的地址是  ./admin/res/app.js


  location /admin/{
root  /admin/res/;
index html.html;
autoindex no;
}
上面这种配置 localhost:8080/admin  是不能跳转到首页的;
需要加上斜杆 localhost:8080/admin/  才能跳转到首页


location /admin{
root  /admin/res/;
index html.html;
autoindex no;
}


这种访问的时候: localhost:8080/admin  这样就可以直接访问了;


配置服务器代理:

location /api/ {
        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://192.168.1.1:8851;
    }


一定要填写

        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://192.168.1.1:8851;

这4项了; 现在这样访问的地址就是  http://192.168.1.1:8851/api/...........;


为了配置这个折腾了一天,安装-配置-调试;弄了将近一天的时间;




  • 5
    点赞
  • 26
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值