问：为 Azure 静态 Web 应用配置 CORS（预览）

Question

我将图像、CSS 和 JavaScript 捆绑包等工件部署到Azure 静态 Web 应用程序（预览版）。如果我使用来自其他站点的 JavaScript 包，则会收到 CORS 错误。在静态 Web 应用程序（预览版）的 Azure 配置中，没有配置 CORS 的选项。关于如何配置 CORS 有什么想法吗？

Answer 1

配置静态应用程序的标头，如下所述：

配置Azure静态Web应用程序| 全球标题 | 微软学习

在存储库的根目录中创建staticwebapp.config.json并添加以下配置有效：

{
  "globalHeaders": {
    "Access-Control-Allow-Origin": "*",
    "Access-Control-Allow-Methods": "GET, OPTIONS"
  }
}

这些是全局标头，因此并不理想，但就我而言，使用“*”就可以了。

测试它在发布到 test-cors.org之前和之后是否有效。请注意，除了XHR status: 200返回之外的任何操作都是失败。