解决NestJS Swagger文档在Nginx服务器不显示的问题

之前把NestJS服务部署到Nginx后，遇到了Swagger文档无法正常显示的问题，搜了不少资料都没找到合适的解决办法，最后自己折腾出来了，分享给大家参考。

问题 #

访问Swagger文档页面时，出现资源加载失败、页面显示异常的情况，具体如下：

解决方案 #

在Nginx的站点配置文件中添加以下配置块即可解决：

location /swagger {
    proxy_pass http://your-nestjs-service/swagger;
    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;
}

# 若存在静态资源加载问题，补充以下配置
location ~* \.(css|js|svg|png)$ {
    proxy_pass http://your-nestjs-service;
    proxy_set_header Host $host;
}

注意：将配置中的http://your-nestjs-service替换为你的NestJS服务实际的内网访问地址（比如http://localhost:3000）。

内容的提问来源于stack exchange，提问作者Samfield Hawb Bassey