nginx 配置java项目及vue项目,不在根路径

最新推荐文章于 2024-12-11 21:00:00 发布

原创最新推荐文章于 2024-12-11 21:00:00 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

本文详细解析Nginx配置中对于路径重写、代理转发及Vue项目部署的关键设置，强调正确配置的重要性，避免常见错误，确保前端与后端服务无缝对接。


        location ^~ /cxb/api/ {
          proxy_http_version 1.1;
          proxy_set_header Upgrade $http_upgrade;
          proxy_set_header Connection "upgrade";
          proxy_next_upstream error timeout invalid_header http_500 http_502 http_503 http_504 http_404;
          proxy_set_header Host $host;
          proxy_set_header X-Real-IP $remote_addr;
          proxy_set_header X-Forwarded-For $remote_addr;
          proxy_pass http://jd-cxb;

        }

       location ^~ /cx/html/pc {
           alias  /opt/cx/frontend/admin/;
     #      try_files $uri $uri/ @router_ca;
            try_files $uri $uri/ /cxb/html/pc/index.html;
           index index.html;
       }


       location @router_ca {
           rewrite ^.*$ /cxb/html/pc/index.html last;
       }


          upstream jd-cxb {
       server 127.0.0.1:18886;
     }

java 配置 /cxb/api/ 时，转发到下面的 Jd-cxb ，但是记得 / 的问题， http://jd-cxb 后面一定不能加 /

否则在浏览器访问时 /cxb/api/zxc 会变为 /zxc 如果不配置才会访问 /cxb/api/zxc

前段项目也是一样的道理。。， vue项目我就不是很懂了，有个位置配置 /cx/html/pc 后面一定要加个 / ，否则结合nginx

时会出问题，