avatar
文章
649
标签
2112
分类
180
开发
  • 大前端
  • 人工智能
  • 小程序
  • 桌面应用
  • 游戏开发
服务器&网络
  • 服务器
  • 网络
归档
标签
友链
联系我们
仰观苍穹思环宇
开发
  • 大前端
  • 人工智能
  • 小程序
  • 桌面应用
  • 游戏开发
服务器&网络
  • 服务器
  • 网络
归档
标签
友链
联系我们

解决wordpress插件开发过程中需要请求第三方链接存在的跨域问题：使用代理服务器(proxy)绕过CORS错误

发表于2025-03-24|更新于2026-09-12|wordpress
wordpress跨域proxy代理服务器cors error
cover of previous post
上一篇
根据前端尺寸纵横比来保存尺寸数据到wordpress数据库里面的两个方法(自定义API和wordpress内置方法)
cover of next post
下一篇
悬浮视差社交按钮示例:优雅流畅的鼠标交互体验(鼠标悬浮内容跟随鼠标方向偏移)
相关推荐
cover
2025-03-28
使用Freepik API与CORS Anywhere(公共跨域资源)实现图片放大与增强的完整示例
cover
2025-04-11
使用JavaScript上传在线图片到WordPress媒体库(支持CORS公共跨域和自定义跨域方案)
cover
2025-04-09
在WordPress插件中实现Topaz API图像增强功能(含跨域代理公共跨域或者自定义跨域解决方案)
cover
2026-01-15
CentOS服务器加宝塔环境下为多个独立域名配置Cloudflare CDN并防御DDOS攻击的完整流程与实操指南
cover
2024-06-04
Docker中实现WordPress的持久化存储与第三方数据库连接(一种简单可靠的数据管理方案)
cover
2025-04-25
Enfold主题中结合Contact Form 7与Popup Maker实现表单验证后自动刷新并控制资源下载的功能(邮件真实性验证,验证码验证下载资源)
avatar
鸢尾花序
文章
649
标签
2112
分类
180
联系我们
目录
  1. 1. 1. 背景：跨域资源共享（CORS）问题
  2. 2. 2. 解决 CORS 错误的常见方法
  3. 3. 3. 代理服务器解决 CORS 问题的原理
    1. 3.1. 3.1. 代理服务器的基本原理
    2. 3.2. 3.2. 代理服务器绕过 CORS 限制
  4. 4. 4. 分析你的实现
  5. 5. 4.2，代理服务器与 SSL 问题
  6. 6. 4.3，为何 SSL 是解决 500 错误的关键
  7. 7. 5. 为何这个方案有效？
    1. 7.1. 5.1. 代理服务器避免了跨域问题
    2. 7.2. 5.2. 代理服务器可以处理身份认证
    3. 7.3. 5.3. 代理服务器可以修改请求头或内容
  8. 8. 6. 完整代码实现
  9. 9. 6.1. 前端 JavaScript 代码
  10. 10. 6.2. 代理服务器 PHP 代码
    1. 10.1. 1，proxy.php：
    2. 10.2. 2，proxy2.php：
  11. 11. 7. 总结
  • 1. 确认插件或主题的正确加载
  • 2. 加载 WordPress 环境
  • 3. 解释问题的原因
  • 4. SSL 的问题
  • 5. 如何解决
  • 总结
    1. 1. 解决方法
      1. 1.1. 步骤
      2. 1.2. 在 functions.php 中（或插件的主 PHP 文件）添加代码：
      3. 1.3. 在 common.js 中使用动态路径：
      4. 1.4. 解释
      5. 1.5. 结论
    2. 2. 1. plugin_dir_url()
    3. 3. 2. plugin_dir_path()
    4. 4. 3. 总结：
      1. 4.1. 示例：如何获取插件的绝对路径和 URL
      2. 4.2. 在实际使用中
      3. 4.3. 举例：
  • 解释：
  • 过程详细：
  • 解释：
    1. 1. ✅ 1. 解决跨域问题
      1. 1.1. 示例（使用Node.js Express 代理解决跨域）
    2. 2. ✅ 2. 隐藏后端服务/敏感信息
    3. 3. 示例（隐藏API密钥）
    4. 4. ✅ 3. 负载均衡与高可用
      1. 4.1. 示例（使用 Nginx 代理负载均衡）
    5. 5. ✅ 4. 缓存静态资源
      1. 5.1. 示例（Nginx 缓存配置）
    6. 6. ✅ 5. 提供统一的API网关
      1. 6.1. 示例（Kong API Gateway）
    7. 7. ✅ 6. 开发环境代理 (前后端分离)
      1. 7.1. 示例（React 开发环境配置）
    8. 8. ✅ 7. Web Scraping（反爬虫规避）
      1. 8.1. 示例（使用 requests 和 proxies 在 Python 中爬取）：
    9. 9. 🔑 总结
    10. 10. ✅ 1. 用PHP解决跨域问题
      1. 10.1. PHP代理示例（proxy.php）
    11. 11. ✅ 2. 使用.htaccess在Apache中解决跨域
  • .htaccess 示例
    1. 1. ✅ 3. PHP隐藏API密钥
      1. 1.1. PHP代码示例（weather_proxy.php）
    2. 2. ✅ 4. 负载均衡 (基于DNS轮询)
      1. 2.1. 配置示例（DNS 配置）
    3. 3. ✅ 5. 使用iframe绕过跨域（仅用于GET请求）
      1. 3.1. HTML示例
    4. 4. ✅ 6. 使用JavaScript + CORS代理服务
      1. 4.1. JS 示例
    5. 5. ✅ 7. 静态资源缓存（使用Apache/htaccess）
      1. 5.1. .htaccess 示例
    6. 6. 🔑 总结
    7. 7. 🏷️ 为什么选择简单的环境？
  • 经过前面的优化，代理和前端js相关的几个文件的代码如下：
    1. 1. 1，wp-content/plugins/easy_chatgpt_pro_beta_package/inc/config/proxy.php
    2. 2. 2，wp-content/plugins/easy_chatgpt_pro_beta_package/inc/config/proxy2.php
    3. 3. 3，wp-content/plugins/easy_chatgpt_pro_beta_package/js/common.js里面的涉及到的代码：
    4. 4. 4，wp-content/plugins/easy_chatgpt_pro_beta_package/inc/config/style_script.php
    • 最新文章
    Hexo静态博客添加联系表单:用Google Apps Script实现邮件直达
    Hexo静态博客添加联系表单:用Google Apps Script实现邮件直达2026-09-17
    白手起家没有资源的人如何通过资源整合一步步突破认知并打通合作路径的完整分析
    白手起家没有资源的人如何通过资源整合一步步突破认知并打通合作路径的完整分析2026-09-15
    独立站定位四步法服务谁、解决什么、凭什么是你、怎么赚钱——WordPress独立站从模糊定位到清晰战略的完整框架
    独立站定位四步法服务谁、解决什么、凭什么是你、怎么赚钱——WordPress独立站从模糊定位到清晰战略的完整框架2026-09-15
    Duplicator全量迁移WordPress后HTTPS挂了正确做法是只换wp-content并在duplicator部署网站的时候1Panel里把数据库host填成mysql而不是localhost
    Duplicator全量迁移WordPress后HTTPS挂了正确做法是只换wp-content并在duplicator部署网站的时候1Panel里把数据库host填成mysql而不是localhost2026-09-15
    多设备Hexo安装Butterfly主题里面博客search.xml过大导致GitHub推送失败的完整解决方案(含交互式清理脚本)
    多设备Hexo安装Butterfly主题里面博客search.xml过大导致GitHub推送失败的完整解决方案(含交互式清理脚本)2026-09-14
    告别逐个转换用md2pdf一键批量把Markdown变成PDF
    告别逐个转换用md2pdf一键批量把Markdown变成PDF2026-09-14
    Hexo+Butterfly主题search.xml过大导致GitHub推送失败之完整排查与解决SOP
    Hexo+Butterfly主题search.xml过大导致GitHub推送失败之完整排查与解决SOP2026-09-14
    用Python批量给Hexo文章自动补齐TDK：DeepSeek驱动、严格YAML、动态备份的完整实践
    用Python批量给Hexo文章自动补齐TDK：DeepSeek驱动、严格YAML、动态备份的完整实践2026-09-12
    ©2022 - 2026 By 鸢尾花序