在 Nginx 反向代理后面运行 Mockserver答案

【问题标题】：Run Mockserver behind Nginx Reverse proxy在 Nginx 反向代理后面运行 Mockserver
【发布时间】：2022-01-31 20:16:14
【问题描述】：

我正在尝试在 nginx 反向后面运行 Mockserver，但是当我尝试通过代理访问 mockserver 的仪表板时，我得到一个空白页。

我的配置：模拟服务器：172.30.10.30:1080 Nginx 服务器：172.30.10.31

nginx.cfg：

server {
        listen   8080;
        listen 443 ssl;

        server_name     172.30.10.31;

        ssl_certificate /etc/nginx/ssl/aci-proxy-01.indus.ad.crt;
        ssl_certificate_key /etc/nginx/ssl/aci-proxy-01.indus.ad.key;

#       proxy_http_version 1.1;
#       proxy_buffers 16 16k;
#       proxy_buffer_size 16k;

        keepalive_timeout 100;

        add_header Strict-Transport-Security max-age=15768000;

        add_header      Strict-Transport-Security "max-age=63072000; includeSubdomains; preload";
        add_header      X-Frame-Options DENY;
        add_header      X-Content-Type-Options  nosniff;

location ~ ^/stack1/mockserver/(.*)$  {
                proxy_pass              http://172.30.10.30:1080/mockserver/$1;



        }
}

这里是 acces.log 的内容：

172.33.240.125 - - [20/Jul/2021:22:10:42 +0200] "GET /stack1/mockserver/dashboard/ HTTP/1.1" 200 1063 "-" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36"
    172.33.240.125 - - [20/Jul/2021:22:10:42 +0200] "GET /mockserver/dashboard/static/css/main.477cab2a.chunk.css HTTP/1.1" 404 197 "http://172.30.10.31:8080/stack1/mockserver/dashboard/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36"
    172.33.240.125 - - [20/Jul/2021:22:10:42 +0200] "GET /mockserver/dashboard/static/js/2.1c7a191f.chunk.js HTTP/1.1" 404 197 "http://172.30.10.31:8080/stack1/mockserver/dashboard/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36"
    172.33.240.125 - - [20/Jul/2021:22:10:42 +0200] "GET /mockserver/dashboard/static/js/main.14bd1bf5.chunk.js HTTP/1.1" 404 197 "http://172.30.10.31:8080/stack1/mockserver/dashboard/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36"

这里是error.log的内容

2021/07/20 22:10:42 [error] 235375#235375: *224273 open() "/usr/share/nginx/html/mockserver/dashboard/static/css/main.477cab2a.chunk.css" failed (2: No such file or directory), client: 172.33.240.125, server: 172.30.10.31, request: "GET /mockserver/dashboard/static/css/main.477cab2a.chunk.css HTTP/1.1", host: "172.30.10.31:8080", referrer: "http://172.30.10.31:8080/stack1/mockserver/dashboard/"
    2021/07/20 22:10:42 [error] 235375#235375: *224272 open() "/usr/share/nginx/html/mockserver/dashboard/static/js/2.1c7a191f.chunk.js" failed (2: No such file or directory), client: 172.33.240.125, server: 172.30.10.31, request: "GET /mockserver/dashboard/static/js/2.1c7a191f.chunk.js HTTP/1.1", host: "172.30.10.31:8080", referrer: "http://172.30.10.31:8080/stack1/mockserver/dashboard/"
    2021/07/20 22:10:42 [error] 235376#235376: *224275 open() "/usr/share/nginx/html/mockserver/dashboard/static/js/main.14bd1bf5.chunk.js" failed (2: No such file or directory), client: 172.33.240.125, server: 172.30.10.31, request: "GET /mockserver/dashboard/static/js/main.14bd1bf5.chunk.js HTTP/1.1", host: "172.30.10.31:8080", referrer: "http://172.30.10.31:8080/stack1/mockserver/dashboard/"

访问Url : 172.30.10.31:8080/stack1/mockserver/dashboard 时如何获取Mock Server的仪表盘？

谢谢。

【问题讨论】：

标签： nginx reverse-proxy nginx-reverse-proxy mockserver

【解决方案1】：

我也有同样的问题。

仪表板似乎正在使用绝对路径来加载其资源。例如：

<script src="/mockserver/dashboard/static/js/2.1c7a191f.chunk.js"></script>

您将不得不重写响应中的 URL 以使其正常工作，我猜...

【讨论】：