解决Tianli验证与微信公众号图片防盗链冲突的完整指南

二、配置Nginx反向代理

通过宝塔面板实现：

1. 登录宝塔面板 → 进入网站设置 → 打开配置文件。

2. 在 server { ... } 块内添加以下规则：

     此处内容已隐藏，请评论后刷新页面查看.

   • 保存并重启Nginx服务：宝塔面板 → 软件商店 → Nginx → 重启。

   ---

   三、前端动态替换图片路径

   在页面加载时，通过JavaScript自动替换图片链接：

     此处内容已隐藏，请评论后刷新页面查看.

   ---

   四、验证与测试

   1. 手动测试代理路径

   在浏览器中直接访问代理地址，例如：

   https://你的域名/wechat-proxy/微信公众号图片地址

   若图片正常加载，说明代理配置成功。

   2. 使用开发者工具检查

   • 打开浏览器开发者工具（F12） → Network标签。

   • 找到图片请求，检查请求头：

     • Referer：应为空或你的域名。

     • Host：应为 mmbiz.qpic.cn。

   3. 查看Nginx日志

   检查日志文件 /www/wwwlogs/wechat-proxy.log，确认请求是否正常转发。

   ---

   常见问题与排查

   1. 图片仍不显示

   • 可能原因：缓存未清除、路径拼接错误、Nginx配置问题。

   • 解决方案：

     • 强制刷新页面（Ctrl + F5）。

     • 检查Nginx配置中的 proxy_pass 是否包含末尾斜杠。

   2. Nginx返回502错误

   • 可能原因：DNS解析失败或目标服务器屏蔽代理IP。

   • 解决方案：

     • 更换DNS解析器（如 resolver 114.114.114.114;）。

     • 使用Cloudflare Workers等第三方代理中转。

   ---

   总结

   通过修改 Referrer-Policy、配置Nginx反向代理及动态替换前端路径，我们成功解决了Tianli验证与微信图片防盗链的冲突。关键点包括：

   1. 全局策略与代理配置的平衡：既要允许Tianli验证，又要隐藏敏感请求头。

   2. 动态路径替换的健壮性：确保所有图片（包括异步加载内容）被正确处理。

   希望本文能帮助你高效绕过技术限制，提升网站兼容性与用户体验！

   ---

   扩展阅读

   • MDN Referrer-Policy文档

   • Nginx反向代理配置指南

   温馨提示：操作前请备份服务器配置，避免误操作导致服务中断。