nginx用域名http://xx.com/aaa/代理一个网页http://ff.com但是请求资源时发生404

哎,还得是chatgpt,难道就没有人有这种使用场景吗?没查到一个配置是有效的。

  • 我:

    我配置了nginx反向代理,用域名http://xx.***/aaa/代理一个网页http://ff.***,
    但是请求资源时发生404,如何解决,我能够正确获取到dom

  • gpt-4-1106-preview:

    如果你已经成功配置了 Nginx 以使用 http://xx.***/aaa/ 代理到 http://ff.***,但在访问资源时遇到了 404 错误,可能的原因之一是资源的相对路径问题。当你使用子路径代理到另一个网站时,目标网站页面中的资源可能会因为路径不匹配而加载失败。

    例如,如果目标网站(http://ff.***)中有一张图片,其路径为 /images/pic.jpg,则该请求将在代理服务器上转换为 http://xx.***/aaa/images/pic.jpg。但是,如果 Nginx 配置中没有正确地重写资源的路径,资源请求会被发向错误的 URL,导致 404 错误。

    为了解决这个问题,你需要确保 Nginx 的配置能够正确处理路径重写。下面是一个基本的例子,展示如何为 Nginx 设置代理并重写 URL 路径:

      server {
          listen 80;
          server_name xx.***;
      
          location /aaa/ {
              proxy_pass http://ff.***/; # 确保末尾有斜杠
              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_set_header X-Forwarded-Proto $scheme;
      
              # 重写路径:移除 `aaa`
              rewrite ^/aaa/(.*) /$1 break;
      
              # 如果需要,处理 HTML 内嵌资源的路径问题
              sub_filter 'src="/' 'src="/aaa/';
              sub_filter 'href="/' 'href="/aaa/';
              sub_filter_once off;
         }
      }
    

    在这个配置中,rewrite 指令用于从传入的请求 URL 中删除 /aaa/ 子路径,保持后端请求的正确性。sub_filter 指令用于处理返回的 HTML 内容,将资源的路径前缀修改为 /aaa/,使它们在反向代理环境中有效。请注意,这可能需要 Nginx 的 ngx_http_sub_module 模块支持。

    确保重写规则和替换操作符合你的实际需求,它们可能需要根据实际网站的结构进行调整。

    最后,不要忘记重新加载或重新启动 Nginx 以应用更新后的配置:

    sudo nginx -s reload
    # 或者
    sudo systemctl reload nginx
    

    一定要仔细检查网站的 HTML 和相关资源请求,确保所有的资源路径都能正确反映反向代理的结构。

    剩余的问题

    • 对于*.svg文件请求依然是404,不看图又不会死,直接不解决。

    • 对于api请求是404,哎懒得折腾了,直接把api请求单独重定向到一个同名路由成功访问,出现冲突了再说吧。
      像这样:

         location /api/ {
              proxy_pass http://127.0.0.1:8085/api/;
          }
      
转载请说明出处内容投诉
CSS教程_站长资源网 » nginx用域名http://xx.com/aaa/代理一个网页http://ff.com但是请求资源时发生404

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买