Cloudflare Workers 反向代理+跨域

有时前端在调用一些第三方 API 时会遇到跨域问题，通过反代并在 headers 里配置即可跨域

async function handleRequest(request) { const urlObj = new URL(request.url) let url = urlObj.href.replace(urlObj.origin+'/', '').trim() if (0!==url.indexOf('https://') && 0===url.indexOf('https:')) { url = url.replace('https:/', 'https://') } else if (0!==url.indexOf('http://') && 0===url.indexOf('http:')) { url = url.replace('http:/', 'http://') } const respOnse= await fetch(url, { headers: request.headers, body: request.body, method: request.method }) let respHeaders = {} response.headers.forEach((value, key)=>respHeaders[key] = value) respHeaders['Access-Control-Allow-Origin'] = '*' return new Response( await response.blob() , { headers: respHeaders, status: response.status }); } addEventListener('fetch', event => { return event.respondWith(handleRequest(event.request)) }) 

使用方法：

xxx.workers.dev/https://guge.com 

可用于反代网页、json 甚至 image 等文件