使用Cloudflare Workers代理解决跨域隔离无法加载其他网站图片资源的问题

免费使用cloudflare搭建OpenAI的接口代理 由于GFW以及OpenAI官方的封禁,我们在国内服务器是访问不通OpenAI的官方接口的 之前,我一直是使用一个网上找的第三方代理名,但是担心使用别人的代理不安全、不稳定 现在,我们可以使用cloudflare自己搭建一个OpenAI代理服务,使用我们自己的转发代理 第一步:注册cloudflare账号 前往官方网站注册一个账户Cloudflare 中国官网 | 智能化云服务平台 | 免费C... 阅读详情

最近在玩多线程WebAssembly,必须要启用跨域隔离才能使用。但是跨域隔离环境下无法加载其他网站的图片资源,这里找到一个对于使用Cloudflare CDN的网站简单省事的办法。

首先,打开Cloudflare仪表盘从侧边栏找到"Workers和Pages

"

 点击"创建应用程序"并创建Worker

 打开创建的Worker页面,点击"快速编辑"

 

 

 把代码粘贴进去然后点击"保存并部署"

export default {
  async fetch(request, env, ctx) {
    const url = new URL(request.url);

    const proxyUrl = url.searchParams.get('url');


    if (!proxyUrl) {
      return new Response('Bad request: Missing `url` query param', { status: 400 });
    }

    const imageFormatRegex = /\.(jpeg|jpg|png|gif|bmp)$/i;
    if (!imageFormatRegex.test(proxyUrl)) {
      return new Response('Bad request: Not an image', { status: 400 });
    }

    let res = await fetch(proxyUrl, request);

    return res;
  },
};

 

回到Worker页面,打开触发器,里面可以添加路由。

 这里我设置的是: 域名/image/*,使用起来就是https://域名/image/?url=加图片链接,这样就可以把图片代理到自己的域名上面避免被跨域隔离阻止了

 注意免费版Cloudflare Workers每日请求数限制为十万,如果请求量很大的话可能不适用。

Kitesurf:基于V8隔离的AI智能体浏览器运行时解决方案 在云原生和AI智能体开发领,执行环境的隔离资源效率是核心挑战。传统无头浏览器方案存在资源消耗大、管理复杂的问题,而V8隔离环境提供了轻量、安全的沙箱解决方案。通过将浏览器核心能力与Serverless运行时结合,开发者能够构建高性能、强隔离的自动化服务,显著降低运维成本。这种架构特别适用于网页自动化、数据提取和AI交互任务,能够实现按需伸缩和故障隔离。Kitesurf作为代理优先的浏览器运行时,深度集成Cloudflare Workers,利用V8隔离环境为AI智能体提供稳定可控的执行沙箱,解决了大规模 阅读详情

相关推荐

Cloudflare Pages:边缘静态托管与轻量全栈交付平台

静态网站托管是现代前端交付的基础能力,其核心在于将构建产物(HTML/CSS/JS)高效、安全、可靠地分发至全球用户。传统方案如GitHub Pages依赖中心化源站与CDN缓存,而Cloudflare Pages基于边缘计算架构,将静态文件与轻量JavaScript逻辑(通过WebAssembly运行时)直接部署至300+边缘节点,实现毫秒级响应与动态路由重写能力。它不仅支持Next.js、Astro、Hugo等主流框架的零配置部署,更通过nodejs_compat和Pages Functions提供类服

cuanku6549的博客 584

Cloudflare网站移动端的图片不显示解决方法

最后找到了Cloudflare上,关闭Cloudflare的缓存,关闭Cloudflare除了防御以外,所有可以关闭的功能,就可以了。主要关闭了“速度”-“优化”里面的功能。

欢迎来到鸾姝淡月博客,专为程序员和编程爱好者打造的技术博客。我们分享编程语言趋势、开发工具、编程哲学、职业发展等,助你掌握新技术,优化技能,激发编程热情。 2413

Cloudflare与宝塔协同部署:SSL/TLS模式选择与七处致命断点修复

CDN加速本质是网络协议栈的重新编排,而非简单流量转发。Cloudflare作为可编程代理网关,深度介入TLS握手、HTTP头信任链与缓存决策,其SSL/TLS模式(Off/ Flexible/ Full/ Full Strict)直接决定数据加解密位置与源站协议职责。错误的模式选择或配置错位,将引发525 SSL握手失败、ERR_SSL_VERSION_OR_CIPHER_MISMATCH等典型错误。尤其在宝塔面板环境下,因默认Nginx配置、反向代理逻辑与证书管理机制与Cloudflare多层代理模型存

devon2014的博客 415

为什么在Cloudflare名绑定添加DNS后,名+端口无法访问?(Cloudflare名+端口无法访问的问题详解)

为什么在Cloudflare名绑定添加DNS后,名+端口无法访问?(Cloudflare名+端口无法访问的问题详解)

XiaoqiangClub的博客 5661

ChanlunX缠论插件:3步实现专业缠论分析的终极免费工具

你是否曾被复杂的缠论分析搞得头晕眼花?你是否想拥有专业缠论分析师的洞察力却苦于学习成本太高?现在,这一切都将改变!ChanlunX缠论插件为你带来了通达信用户梦寐以求的解决方案——将复杂的缠论理论转化为直观的图表,让技术分析变得简单、快速、高效! ChanlunX是一款专为通达信软件用户开发的开源缠论可视化插件,它通过智能算法自动识别顶底分型、划分笔段、识别中枢结构,将原本需要数小时的手工分析缩

gitblog_00448的博客 738

解决问题的n种办法

今天我们来聊聊的事情,那我们先从浏览器的报错开始吧! 见到这个报错信息,那么就要恭喜你,遇到了这个磨人的小妖精了。 关于这篇文章的代码,需要的自取。 什么是? 那么说到,我们就需要先搞懂什么是同源策略? 同源策略是一个重要的安全策略,它用于限制一个origin的文档或者它加载的脚本如何能与另一个源的资源进行交互。它能帮助阻隔恶意文档,减少可能被攻击的媒介。 所谓"同源"指的是“三个相同”。 协议相同 名相同 端口相同 当协议、名、端口中任意一个不相同时,都算作。需注意即使两个

sinat_34798463的博客 5259

一分钟教程:利用cloudflare worker搭建在线代理—-jsproxy

现在都流行无服务器函数,作为大牌CDN提供商cloud flare自然不甘落后推出了worker服务。免费用户有10万请求/每天 的额度,搭配上一些小型项目比如jsproxy就显得格外香甜。 jsproxy简介 jsproxy是 一个基于浏览器端 JS 实现的在线代理 。 传统在线代理都是在服务端替换 HTML/JS/CSS 等资源中的 URL。这不仅需要对内容做大量的分析和处理,还需对流量进行解...

u012424449的博客 5万+

加速访问Cloudflare网站解决方案

这样一来,数据传输的距离缩短了,延迟也就降低了,从而实现了更快的网页加载速度。此外,Workers还可以用来处理复杂的业务逻辑,如A/B测试、API集成等,所有这一切都在靠近用户的边缘节点完成,极大地减少了主站服务器的压力,同时也提升了整体性能。随着云计算技术的发展,越来越多的企业开始关注边缘计算带来的优势。你可以把这里当作自己的家,无论是工作之余的小憩,还是寻找灵感的驿站,我都希望你能在这里找到属于你的那份快乐和满足。

master_chenchen的博客 3618

请求以及解决方案

前言 的背景 出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同源策略会阻止一个javascript脚本和另外一个的内容进行交互。所谓同源(即指在同一个)就是两个页面具有相同的协议(p...

Bonrui编程路 671

Cloudflare 解决 CORS

这段代码的作用是,当有请求进来时,先获取原始响应(`fetch(request)`),然后在响应头中添加允许所有源访问(`Access Control Allow Origin: *`),还指定了允许的方法(如GET、POST等)和允许的请求头(如Content Type)。是指一个网站)中的网页请求另一个中的资源。如果允许,服务器会在响应头中添加一些CORS相关的头信息,如`Access Control Allow Origin`等,浏览器会根据这些响应头来决定是否允许前端脚本访问响应数据。

chinansa的博客 2275

Cloudflare R2 解决CORS问题

清风的博客 2652

使用Cloudflare创建openai的反向代理

教你如何在Cloudflare上绑定自己的名,创建openai的反向代理

guo_zhen_qian的专栏 6454

通过Cloudflare Workers自定义代理规则

本文介绍了使用微软的 Copilot 时可能遇到的梯子设置问题,并提出了利用 Cloudflare Workers 来修改代理规则的解决方案。

张鹿鹿的专栏 4556

javascript -- Worker加载

worker 加载js脚本解决方案 错误代码如下Uncaught (in promise) DOMException: Failed to construct 'Worker': Script at 'host' cannot be accessed from origin 'host'. 解决方案传入blob url 传入bol url可以用webpack worker-loader ,这里我们讲如何原生实现 写一个根据URL获取blob的请求,然后转URL 实现代码如下 exp.

細水、長流√的专栏 2630

使用CloudFlare Pages进行反代

使用CloudFlare Pages进行反代

一曲横笛的博客 4510

笔记.cloudflare 的橙色云代理ssl坑

cloudflare cloudflare作为免费的代理和CDN服务非常强大,并且可以自定义一些防火墙防御功能,同时又可以提供SSL一件套件功能。 cloudflare本身CDN上提供了一层SSL证书,在dns开启橙色云后生效,但是在针对名xx.xx.demo.com 这种名的时候发生ssl不生效了,仔细测了一下发现边缘证书只针对*.demo.com demo.com 生效,也就是说如果是 *.*.demo.com 这种名是无法进行ssl代理的,除非是购买商业版。 ...

godtoy的逆向小屋 5521

奥维互动地图谷歌图源,通过自建Cloudflare Workers反代实现墙内访问 - DaPeng‘s Blog

奥维互动地图作为一款非常好用的地图软件,一直广受测绘人员、地理爱好者们的喜爱,尤其是旧版本中提供的Google卫星图功能,但是由于相关政策原因,不得不撤下了相关的地图源,只能由用户手动添加地图源。由于墙内封锁的原因,Google卫星图无法直连,导致用户只能安装代理软件才能使用第三方的Google地图,本篇教程就是教大家如何使用免费的Cloudflare Workers对Google图源进行反代,实现本地免代理访问......

DaPengCH的博客 1万+
下一篇: 解决Rust中TCP/Websocket连接延迟波动的方法
昱丶光
博客等级 码龄4年 0粉丝 2原创
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值