V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
NGINX
NGINX Trac
3rd Party Modules
Security Advisories
CHANGES
OpenResty
ngx_lua
Tengine
在线学习资源
NGINX 开发从入门到精通
NGINX Modules
ngx_echo
a494836960
V2EX  ›  NGINX

新手 nginx 反向代理求助。。

  •  
  •   a494836960 · 2019-07-23 15:54:48 +08:00 · 2233 次点击
    这是一个创建于 858 天前的主题,其中的信息可能已经有所发展或是发生改变。

    前端项目 想把 8010 和 8020 两个端口合并到 80 端口上面, 地址上使用 kd 和 zb 来区分 反向代理没问题了,, 但是里面的 css 和 js 无法请求到,,原因是 xxx:80/static.css 地址是没有通过 反向代理来做转发,我该怎么改呢。。 配置如下:

    server {
    	listen 80;
        server_name: xxx;
        
        location /kd {
        	proxy_pass xxx:8010
        }
        
        location /zb {
        	proxy_pass xxx:8020
        }
    }
    

    网上很多是说加这个配置:

    location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
     {
         proxy_pass xxx:8020
    }
    

    但是我有两个项目,,不能只代理一个 8020 呀

    ninjachen
        1
    ninjachen   2019-07-23 16:24:32 +08:00
    xxx:80/static.css 改成两个 url.
    比如 xxx:80/static1.css ,xxx:80/static2.css
    akira
        2
    akira   2019-07-23 16:26:18 +08:00
    要么用子域名来区分
    要么 /static.css 也挪到二级目录下面
    cominghome
        3
    cominghome   2019-07-23 16:29:05 +08:00
    配置方法都是一样的啊,但是入口合并后你必须将分属于两个应用的静态资源重新设置路径。
    a494836960
        4
    a494836960   2019-07-23 16:42:31 +08:00
    @akira @cominghome @ninjachen 是否可以通过$http_referer 来判断是 kd 还是 zb ; 我看到有这种写法
    ```
    location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
    {
    if ($http_referer ~* kd ){
    proxy_pass xxx:8010
    }

    if ($http_referer ~* zb){
    proxy_pass xxx:8020
    }
    }
    ```
    ninjachen
        5
    ninjachen   2019-07-23 18:02:04 +08:00   ❤️ 1
    不行,第一次访问这个网页没有 http_referer
    jamesliu96
        6
    jamesliu96   2019-07-23 18:02:53 +08:00 via Android
    佛了,再加一个 directory 识别`location ~ \.(js|css)$`,关键是俩项目用不一样的根目录的 js 和 css ?为什么不做相对目录让各自项目用自己的?用 referer 可以,但是如果请求不带 referer 就完犊子。最好就单独放或者实在必须放在请求根目录的话就像一楼说的可以改个名然后独立 location 然后可能需要再 rewrite 一下
    234747005
        7
    234747005   2019-07-23 21:34:21 +08:00
    其实做好就是做一个静态资源分开请求,譬如这样,
    server {
    listen 80;
    server_name: xxx;

    location / {
    index html;
    }

    location /kd {
    proxy_pass xxx:8010
    }

    location /zb {
    proxy_pass xxx:8020
    }
    }
    234747005
        8
    234747005   2019-07-23 21:35:25 +08:00
    然后把你的 css,js,image 之类的文件放在 nginx 的 html 里面。
    whl619969187
        9
    whl619969187   2019-07-24 09:43:45 +08:00
    为啥就不能再多写一层 路径?
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   1010 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 21:17 · PVG 05:17 · LAX 13:17 · JFK 16:17
    ♥ Do have faith in what you're doing.