nginx同域名下配置两个站点问题(绝对有效)

本文介绍了如何通过Nginx配置解决两个静态前端项目(官网和admin)的路径问题。通过监听不同端口,将www.xxx.com指向官网,www.xxx.com/admin指向admin。在配置过程中遇到404错误,通过调整try_files指令解决了问题。同时,对于js文件的404错误,删除了默认的js缓存配置。该文提供了详细的Nginx配置示例,适合前端开发者参考。
摘要由CSDN通过智能技术生成

自建博客文章链接:http://www.heblogs.cn/articleDetails/60febce6c1e4a0695c1f8772
现在有两个静态前端静态项目: 静态官网、官网admin
现在需要将www.xxx.com指向官网 www.xxx.com/admin指向admin

思路:在nginx配置内开放一个本地端口 这里是开放88 用88监听本地的admin文件 之后监听开放给外界的80 /根目录配置官网 /admin反向代理到本地88端口 就可以完美解决了

解决方法:


server
    {
        listen 80;//默认指向
        server_name xxx.xx.x.xxx;//这里填你的ip
      	location / {//这里默认指向我的官网
      	    root  /www/wwwroot/blog;
            try_files $uri $uri/ /index.html;
      	}
      	location /admin {//这里由nginx代理到本地88端口
			proxy_pass http://127.0.0.1:88/;      	
		}
        location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ {
            expires 30d;
        }
        location ~ /\. {
            deny all;
        }
        access_log  /www/wwwlogs/80.log;
        error_log   /www/wwwlogs/80_error.log;
    }
server
    {
        listen 88;
        server_name xxx.xx.xx.xxx;
        location / {//开放本地88端口 监听admin静态文件 上面会由80监听进行代理
            root  /www/wwwroot/blog_admin;
            try_files $uri $uri/ /index.html;
        }
        location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ {
            expires 30d;
        }

        location ~ /\. {
            deny all;
        }
        access_log  /www/wwwlogs/88.log;
        error_log   /www/wwwlogs/88.error.log;
    }

坑点1:
配置完成后 打开官网 刷新404
解决方案:
server内监听当前根目录 增加 try_files $uri $uri/ /index.html;

      	location / {
      	    root  /www/wwwroot/blog;
            try_files $uri $uri/ /index.html;
      	}

坑点2:
www.xxx.com/admin/js/test.js nginx会报404错, 看到nginx错误,
解决方案:
nginx默认配置有做 js缓存 ,有以下这段代码 删掉他就好了

location ~ .*\.(js|css)$ {
    expires 12h;
    access_log off;
  }
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Hhua.

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值