estk
V2EX  ›  Serverless

Cloudflare Workers 反向代理+跨域

By estk at 2022 年 6 月 25 日 · 5000 次点击

有时前端在调用一些第三方 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 等文件

2 条回复
initd
   1
initd  
   2022 年 6 月 26 日
有问题, 没有传递 request 的其他属性, 比如 header
estk
   2
estk  
OP
   2022 年 6 月 26 日 via Android
@initd
传了:
headers: request.headers
© 2026 V2EX · 26ms · 3.9.8.5