javascript - CORS 编号 'Access-Control-Allow-Origin'

Question

我正在使用 asp mvc 4 并尝试下载基于动态创建的文件。

为此，我使用下面的 Kendo UI 在调用时下载 pdf:

    var generatePDF = function () {
        kendo.drawing.drawDOM($("#property"), { paperSize: "A4", forcePageBreak: ".page-break" })
                     .then(function (group) { kendo.drawing.pdf.saveAs(group, "Converted PDF.pdf"); });
    }

没有正在下载图像。控制台提供消息

XMLHttpRequest cannot load https://myStorage.blob.core.windows.net/mySetPath/Large/lounge.JPG. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:49878' is therefore not allowed access.

我使用 placekitten 进行了测试并且下载的图像没有出现上述错误。

这让我相信这只是存储容器上的权限问题，所以我读了 this并应用了以下内容:

允许的来源:127.0.0.1 允许的动词:GET 允许的 header :x-ms-*(我也尝试过) 暴露的 header :x-ms-(我也尝试过*) 最大年龄(秒):10

但我仍然遇到同样的错误。我还尝试在 Azure 上部署我的网站，但错误未解决。

我做错了什么？

Answer 1

您可以在 Azure 门户中为 Blob 服务启用 CORS。

1. 转到Azure portal .
2. 导航到您的存储帐户。
3. 点击BLOB SERVICE菜单中的 CORS。

在空的允许的来源文本框中输入每个网址。

点击保存