Postwoman项目在Docker子路径部署中的连接问题解决方案

问题背景

Postwoman（现更名为Hoppscotch）是一款流行的API开发工具，支持自托管部署。在使用Docker All-in-One（AIO）容器部署时，当启用子路径访问模式（subpath based access）时，管理员界面和后台服务会出现连接问题。主要表现为：

1. 禁用子路径模式时，前端可以正常工作，但/admin界面无法连接后端
2. 启用子路径模式时，前端登录提供程序（如电子邮件）无法加载

技术分析

该问题的核心在于Nginx反向代理配置与Docker容器内部路由的匹配问题。Postwoman的AIO容器在子路径模式下，所有后端服务都默认添加了/backend前缀，而前端配置中未正确反映这一变化。

解决方案

1. 环境变量配置调整

在.env配置文件中，需要将所有后端服务URL添加/backend前缀：

VITE_BACKEND_GQL_URL=https://hoppscotch.domain.com/backend/graphql
VITE_BACKEND_WS_URL=wss://hoppscotch.domain.com/backend/graphql
VITE_BACKEND_API_URL=https://hoppscotch.domain.com/backend/v1

2. Nginx配置优化

在Nginx反向代理配置中，需要添加专门的/backend路由规则：

location /backend {
    include snippet.d/proxy.conf;
    proxy_pass http://hoppscotch:30011/backend;
}

同时保持原有的路由规则不变：

location / {
    include snippet.d/proxy.conf;
    proxy_pass http://hoppscotch:30011;
}

location /admin {
    include snippet.d/proxy.conf;
    proxy_pass http://hoppscotch:30011/admin;
}

3. 白名单配置

确保WHITELISTED_ORIGINS包含所有必要的URL，特别是带有/backend前缀的地址：

WHITELISTED_ORIGINS=https://hoppscotch.domain.com,http://smtprelay.domain.com,https://hoppscotch.domain.com/admin,https://hoppscotch.domain.com/backend/graphql,https://hoppscotch.domain.com/backend/v1,app://hoppscotch.domain.com,http://app.hoppscotch.domain.com

实现原理

Postwoman的AIO容器在子路径模式下，通过添加/backend前缀来区分前端和后端路由。这种设计有助于：

1. 避免前端和后端路由冲突
2. 提高安全性，通过统一的后端入口点管理API访问
3. 简化反向代理配置，使路由规则更加清晰

验证方法

部署后，可以通过以下方式验证配置是否正确：

1. 访问https://hoppscotch.domain.com - 应能正常加载前端界面
2. 访问https://hoppscotch.domain.com/admin - 应能正常加载管理员界面
3. 检查浏览器开发者工具中的网络请求 - 所有API请求应指向/backend路径
4. 尝试使用电子邮件登录 - 应能正常加载登录提供程序

注意事项

1. 确保Docker容器的端口映射正确，特别是后端服务端口
2. 修改配置后需要重启容器使更改生效
3. 生产环境中建议保持ALLOW_SECURE_COOKIES=true以提高安全性
4. 如果使用HTTPS，确保Nginx的SSL证书配置正确

通过以上调整，Postwoman在Docker子路径部署模式下的连接问题可以得到有效解决，实现前后端的正常通信和完整功能访问。