跨源请求被阻止：............................ （原因：缺少CORS标题'Access-Control-Allow-Origin'）

Question

我在桌面上保存了一个简单的html文件。此html文件需要将链接发送到json文件（存储在azure blob中）到此网页中包含的应用程序。

网页的脚本部分

<script>
var zbc = "https://blobtempdemo.blob.core.windows.net/path/to_required_file.json";
require(['scripts/SampleApp/App'], function(App)
{
App.start(abc);
});

json文件存储在microsoft azure blob中。当我在Mozilla Firefox中运行网页时，它会发出警告

警告

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://blobtempdemo.blob.core.windows.net/path/to_required_file.json. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

当所有文件都保存在桌面上时，应用程序/网页可以正常运行。 当我在火狐中粘贴网址时，它可以获取文件并询问我是否要下载它。但是当文件在blob中并且我打开这个网页时它不起作用。

任何帮助？

Answer 1

只允许目标存储帐户中所有域（仅用于测试）的CORS。应该这样做。使用*作为允许域的值。

参考：
https://docs.microsoft.com/en-us/rest/api/storageservices/fileservices/cross-origin-resource-sharing--cors--support-for-the-azure-storage-services