如何在cloudflare工作人员中设置CORS头

Question

我正在使用cloudflare工作程序创建反向代理，但我不能使用它嵌入主域，因为它会导致CORS错误：

Access to image at 'https://example.workers.dev/96384873_p0.png' from origin 'https://example.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

这是工人中的代码

addEventListener("fetch", event => {
let url = new URL(event.request.url);
url.hostname = "i.pximg.net";
let request = new Request(url, event.request);
event.respondWith(
fetch(request, {
headers: {
'Referer': 'https://www.pixiv.net/',
'User-Agent': 'Cloudflare Workers'
}
})
);
});

如何修复CORS错误？

Answer 1

您应该阅读CORS以了解收到此错误的原因，然后修复应该很简单(设置额外的标头(-https://web.dev/cross-origin-resource-sharing/