Chrome 开发工具错误 - 从阿里巴巴 OSS 获取图像时，网络选项卡中的状态为 CORS 错误

如何解决Chrome 开发工具错误 - 从阿里巴巴 OSS 获取图像时，网络选项卡中的状态为 CORS 错误

fetch(url).then((response) => {
        return response.blob();
    }).then(blob => {
        return URL.createObjectURL(blob);
    });

我在url中的fetch()其实是一个不同域的图片url，也就是阿里云的OSS_URL。 我如何才能完全访问它。

解决方法

你应该在你的阿里云上配置 CORS。 检查他们的文档，例如 here

,

您在此代码段中提取的网址 fetch(url) 正在阻止您的请求，因为该 url 不接受对其资源的请求，除非来自受信任的来源。

您需要将 CORS 策略添加到您的服务器，这将告诉服务器您请求的 URL 是安全的。

Your url (localhost) -> request to server -> Server declines (localhost)

这是造成 CORS 错误，因为您请求的服务器不允许不受信任的站点之间共享资源。