Dashy项目中使用Nginx Proxy Manager时小部件的配置指南

Dashy是一款优秀的自托管仪表盘工具，但在使用Nginx Proxy Manager作为反向代理时，用户可能会遇到小部件无法正常工作的问题。本文将深入分析问题原因并提供完整的解决方案。

问题现象分析

当Dashy通过Nginx Proxy Manager反向代理后，常见的问题表现为：

• 天气小部件无法显示
• Pi-hole统计信息加载失败
• 自定义搜索功能不可用
• 状态检查返回错误

这些问题通常与控制台中的CORS错误或网络请求失败相关。

根本原因

经过技术分析，主要问题来源于以下几个方面：

1. 重定向限制：Nginx Proxy Manager的默认配置可能导致过多的重定向
2. DNS解析：本地DNS记录可能未被正确解析
3. 代理设置：Dashy的代理配置需要特殊处理
4. SSL证书：自签名证书可能导致信任问题

完整解决方案

1. 基础Docker配置

确保docker-compose.yml中包含正确的端口映射和配置挂载：

version: "3.8"
services:
  dashy:
    image: lissy93/dashy
    ports:
      - 8881:80
    volumes:
      - ./conf.yml:/app/public/conf.yml
    environment:
      - NODE_ENV=production
    networks:
      - npm

2. Nginx Proxy Manager配置要点

在Nginx Proxy Manager中为Dashy配置反向代理时，需要特别注意：

1. 启用"Websockets Support"选项
2. 在"Advanced"选项卡中添加以下自定义配置：

   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;
   

3. 设置"Status Checks - Max Redirects"值为5或更高

3. Dashy配置文件优化

在conf.yml中确保包含以下关键配置：

appConfig:
  widgetsAlwaysUseProxy: true
  statusCheck: true
  statusCheckMaxRedirects: 5

对于Pi-hole等需要API访问的小部件，确保使用完整的HTTPS地址：

widgets:
  - type: pi-hole-stats
    options:
      hostname: https://dns.yourdomain.com
      apiKey: your_api_key_here

4. DNS和网络检查

1. 确保所有设备都使用正确的DNS服务器
2. 使用nslookup验证域名解析是否正确
3. 检查本地防火墙规则，确保允许相关端口通信

高级调试技巧

如果问题仍然存在，可以尝试以下方法：

1. 在浏览器开发者工具中检查网络请求
2. 临时禁用SSL以排除证书问题
3. 直接通过IP和端口访问服务，确认基础功能正常
4. 检查Nginx Proxy Manager的访问日志

总结

通过以上配置调整，Dashy在Nginx Proxy Manager反向代理环境下的小部件功能应该能够正常工作。关键在于正确处理重定向、确保DNS解析正确以及配置适当的代理参数。这些解决方案不仅适用于Dashy，对于其他类似的自托管应用在反向代理环境下的配置也有参考价值。

记住，每个网络环境可能有所不同，可能需要根据实际情况微调某些参数。建议在修改配置后，逐步测试每个小部件的功能，以快速定位任何剩余问题。