javascript - Azure 无服务器功能 - 在响应 header 中启用 CORS

Question

我在 Azure 上有一个无服务器函数，用 Javascript 编写，返回一些 HTML 和前端 JS。 JS 应该访问远程托管的 blob 文件。现在，它向我抛出 CORS 错误。即使我已将 Access-Control-Allow-Origin 添加到 header 中:

headers: {
                        'Content-Type': 'text/html',
                        'Access-Control-Allow-Origin': '*'
                        'Access-Control-Allow-Origin': 'https://tif.azurewebsites.net',
                        'Access-Control-Allow-Methods': 'GET, POST, OPTIONS, PUT, PATCH, DELETE',
                        'Access-Control-Allow-Credentials':'true',
                        'Access-Control-Allow-Headers': 'X-Requested-With,content-type',
                        'Access-Control-Allow-Headers' : 'Access-Control-Allow-Headers, Origin,Accept, X-Requested-With, Content-Type, Access-Control-Request-Method, Access-Control-Request-Headers' 
                      }

Content-Type header 工作得很好。

我在这里做错了什么？

Answer 1

正如评论中所讨论的，由于您的 JS 代码正在访问 Blob 存储，因此您需要为 Blob 存储配置 CORS 设置。配置 CORS 设置时，请确保所有设置正确。设置中的轻微不匹配将导致存储服务返回 403 错误。

根据您的环境，我建议如下:

允许的来源:https://tif.azurewebsites.net

允许的方法:选择所有方法。

允许的 header :*

公开 header :*