Docker化ShinyR应用Nginx反向代理资源路径错误问题咨询

问题本质 #

这同时涉及Shiny应用配置和Nginx代理配置的调整，核心矛盾是：Shiny默认不知道自己被代理在/app1这类子路径下，生成的静态资源（JS、CSS、图片）和WebSocket连接URL都是根路径/开头，导致浏览器直接向https://example.com/xxx请求，而Nginx没有对应路由，触发404。你提到的/app1/前缀可正常访问资源，说明Nginx的代理通路是通的，只是Shiny输出的路径不对。

修复与调试方向 #

1. 优先调整Shiny应用的基础路径 #

让Shiny知道自己的访问前缀，自动生成带/app1的资源路径，这是最彻底的解决办法：
修改docker-compose的启动命令，添加shiny.baseurl配置：

version: '3'
services:    
  app1:
    image: "registry.gitlab.com/dezim/somefoo/bar:latest"
    container_name: "app1"
    command: R -e "options(shiny.baseurl='/app1/'); shiny::runApp(appDir='/home/app', port=3040, host='0.0.0.0')"
    restart: unless-stopped
    ports:
      - '127.0.0.1:3040:3040'

重启容器后，Shiny生成的所有资源URL都会自动带上/app1/前缀，浏览器会正确请求https://example.com/app1/static/...这类路径。

2. 备选：Nginx路径重写（无法修改Shiny时用） #

如果不能修改Shiny的启动配置，可以在Nginx里添加规则，把根路径的资源请求转发到对应端口：

map $http_upgrade $connection_upgrade {
        default upgrade;
        ''      close;
}

server {
  listen 443 ssl http2;
  listen [::]:443 ssl http2;
  server_name example.com;
  root /var/www/html;

  # 处理Shiny的静态资源和WebSocket请求
  location ~ ^/(static|shiny-server|websocket) {
    proxy_pass http://127.0.0.1:3040$request_uri;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection $connection_upgrade;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
  }

  location /app1 {
    proxy_pass http://127.0.0.1:3040;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection $connection_upgrade;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
  }

...
}

注意：原location /app1里的proxy_pass末尾去掉/，避免路径被Nginx截断。

3. 调试验证步骤 #

• 打开浏览器F12开发者工具，切换到「网络」标签，刷新页面，查看404请求的URL，确认是根路径的资源请求。
• 修改配置后，重启容器/Nginx，刷新页面，检查资源请求的URL是否带上/app1前缀。
• 查看Nginx日志（/var/log/nginx/access.log），确认请求是否被正确转发到目标端口。

内容的提问来源于stack exchange，提问作者A. Neumann