阻止跨源請求：...........................。 （原因：缺少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文件存儲在微軟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). 

的應用程序/網頁完美的作品，當所有的文件都保存在我的桌面上。 當我在Firefox中粘貼url時，它可以獲取文件並詢問我是否要下載它。但是當文件位於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