解决 Shopify 主题应用扩展和 Remix 路由之间的 CORS 问题
混音
Shopify
解决 Shopify 主题应用扩展和 Remix 路由之间的 CORS 问题
阅读时间：3分钟
在构建 Shopify 管理扩展时，很多时候你会想要从服务器（例如 Remix 应用程序）获取数据，这很常见。这可能会导致一个问题：跨源资源共享或 CORS 错误。如果你收到“不存在 Access-Control-Allow-Origin 标头”之类的错误警告，请不要担心；你并不是唯一一个。
Shopify 移动应用程序构建器
在这篇博客中，我们将解释什么是 CORS、为什么会发生 CORS，以及新版 Remix 应用与旧版本相比如何更轻松地处理 CORS。
浏览器对安全性要求非常严格。除非服务 法国数字数据集 器明确允许，否则它们不允许你的 Web 应用程序从其他域上的服务器获取数据。例如，如果你的 Shopify 主题应用扩展程序从 shopify.com 运行并发送请求以从 example.com 上的 Remix 应用获取数据，则该请求将被浏览器阻止，除非服务器发送如下特殊标头：
访问控制允许来源：*
此安全功能称为 CORS，可保护用户免受恶意网站试图从其他网站访问敏感数据的攻击。
Remix 如何处理 CORS？
在旧版本的 Remix 中，如果您的应用需要响应跨源请求，您必须在加载器或操作函数中手动添加 Access-Control-Allow-Origin 标头，如下所示：
使用 Postman 或浏览器的网络选项卡等工具来检查请求和响应。
结论
新的 Remix 应用架构彻底改变了 CORS 管理方式。通过消除手动配置的需要，它简化了开发并减少了错误。无论您是构建 Shopify 主题应用扩展还是其他应用，您都可以专注于构建功能，而不必担心跨源请求。