请问有佬知道怎么用大善人Cloudflare解决跨域问题吗

yc556 · 2024 年12 月 29 日 10:12

感谢各位佬友的帮助
我来总结一下
worker代理并用一个域名换掉worker本来的域名

仰晨:

addEventListener('fetch', event => {
  event.respondWith(handleRequest(event.request));
});

async function handleRequest(request) {
  if (request.method === 'OPTIONS') {
    // 处理预检请求
    return new Response(null, {
      status: 200,
      headers: {
        'Access-Control-Allow-Origin': '*', // 替换为你的前端应用域名?不也行
        'Access-Control-Allow-Methods': 'GET, POST, OPTIONS, PUT, DELETE',
        'Access-Control-Allow-Headers': '*',
        'Access-Control-Allow-Credentials': 'true'
      }
    });
  }
  
  // 目标 URL
  const targetUrl = request.url.replace('https://cors.你的.workers.dev/', 'http://你真的后端.com.cn/');

  // 创建新的请求
  const modifiedRequest = new Request(targetUrl, {
    method: request.method,
    headers: request.headers,
    body: request.method !== 'GET' && request.method !== 'HEAD' ? await request.text() : null
  });

  // 获取目标 URL 的响应
  const response = await fetch(modifiedRequest);

  // 创建新的响应头
  const newHeaders = new Headers(response.headers);
  newHeaders.set('Access-Control-Allow-Origin', '*'); 
  newHeaders.set('Access-Control-Allow-Methods', '*');
  newHeaders.set('Access-Control-Allow-Headers', '*');
  newHeaders.set('Access-Control-Allow-Credentials', 'true');

  // 返回新的响应
  return new Response(response.body, {
    status: response.status,
    statusText: response.statusText,
    headers: newHeaders
  });
}

话题		回复	浏览量
解决双向解析域名麻烦的问题（例如cloudns.net）搞七捻三快问快答	34	1897	2024 年12 月 27 日
分享一下我个人使用CF优选的经验和方法资源荟萃 Cloudflare	100	6943	2025 年1 月 3 日
Serv00 折腾 - Serv00申请与免费域名获取及配置资源荟萃 Serv00	71	3902	2025 年1 月 21 日
给serv00添加优质域名并加速网站资源荟萃 Serv00	96	7127	2025 年1 月 14 日
通过Saas回源对Cloudflare Pages加速开发调优软件调试	19	908	2025 年1 月 9 日

请问有佬知道怎么用大善人Cloudflare解决跨域问题吗

相关话题