Spaces:
Sleeping
Sleeping
| addEventListener('fetch', event => { | |
| event.respondWith(handleRequest(event.request)); | |
| }); | |
| async function handleRequest(request) { | |
| try { | |
| const url = new URL(request.url); | |
| // 如果访问根目录，返回HTML | |
| if (url.pathname === "/") { | |
| return new Response(getRootHtml(), { | |
| headers: { | |
| 'Content-Type': 'text/html; charset=utf-8' | |
| } | |
| }); | |
| } | |
| // 从请求路径中提取目标 URL | |
| let actualUrlStr = decodeURIComponent(url.pathname.replace("/", "")); | |
| // 判断用户输入的 URL 是否带有协议 | |
| actualUrlStr = ensureProtocol(actualUrlStr, url.protocol); | |
| // 保留查询参数 | |
| actualUrlStr += url.search; | |
| // 创建新 Headers 对象，排除以 'cf-' 开头的请求头 | |
| const newHeaders = filterHeaders(request.headers, name => !name.startsWith('cf-')); | |
| // 创建一个新的请求以访问目标 URL | |
| const modifiedRequest = new Request(actualUrlStr, { | |
| headers: newHeaders, | |
| method: request.method, | |
| body: request.body, | |
| redirect: 'manual' | |
| }); | |
| // 发起对目标 URL 的请求 | |
| const response = await fetch(modifiedRequest); | |
| let body = response.body; | |
| // 处理重定向 | |
| if ([301, 302, 303, 307, 308].includes(response.status)) { | |
| body = response.body; | |
| // 创建新的 Response 对象以修改 Location 头部 | |
| return handleRedirect(response, body); | |
| } else if (response.headers.get("Content-Type")?.includes("text/html")) { | |
| body = await handleHtmlContent(response, url.protocol, url.host, actualUrlStr); | |
| } | |
| // 创建修改后的响应对象 | |
| const modifiedResponse = new Response(body, { | |
| status: response.status, | |
| statusText: response.statusText, | |
| headers: response.headers | |
| }); | |
| // 添加禁用缓存的头部 | |
| setNoCacheHeaders(modifiedResponse.headers); | |
| // 添加 CORS 头部，允许跨域访问 | |
| setCorsHeaders(modifiedResponse.headers); | |
| return modifiedResponse; | |
| } catch (error) { | |
| // 如果请求目标地址时出现错误，返回带有错误消息的响应和状态码 500（服务器错误） | |
| return jsonResponse({ | |
| error: error.message | |
| }, 500); | |
| } | |
| } | |
| // 确保 URL 带有协议 | |
| function ensureProtocol(url, defaultProtocol) { | |
| return url.startsWith("http://") || url.startsWith("https://") ? url : defaultProtocol + "//" + url; | |
| } | |
| // 处理重定向 | |
| function handleRedirect(response, body) { | |
| const location = new URL(response.headers.get('location')); | |
| const modifiedLocation = `/${encodeURIComponent(location.toString())}`; | |
| return new Response(body, { | |
| status: response.status, | |
| statusText: response.statusText, | |
| headers: { | |
| ...response.headers, | |
| 'Location': modifiedLocation | |
| } | |
| }); | |
| } | |
| // 处理 HTML 内容中的相对路径 | |
| async function handleHtmlContent(response, protocol, host, actualUrlStr) { | |
| const originalText = await response.text(); | |
| const regex = new RegExp('((href|src|action)=["\'])/(?!/)', 'g'); | |
| let modifiedText = replaceRelativePaths(originalText, protocol, host, new URL(actualUrlStr).origin); | |
| return modifiedText; | |
| } | |
| // 替换 HTML 内容中的相对路径 | |
| function replaceRelativePaths(text, protocol, host, origin) { | |
| const regex = new RegExp('((href|src|action)=["\'])/(?!/)', 'g'); | |
| return text.replace(regex, `$1${protocol}//${host}/${origin}/`); | |
| } | |
| // 返回 JSON 格式的响应 | |
| function jsonResponse(data, status) { | |
| return new Response(JSON.stringify(data), { | |
| status: status, | |
| headers: { | |
| 'Content-Type': 'application/json; charset=utf-8' | |
| } | |
| }); | |
| } | |
| // 过滤请求头 | |
| function filterHeaders(headers, filterFunc) { | |
| return new Headers([...headers].filter(([name]) => filterFunc(name))); | |
| } | |
| // 设置禁用缓存的头部 | |
| function setNoCacheHeaders(headers) { | |
| headers.set('Cache-Control', 'no-store'); | |
| } | |
| // 设置 CORS 头部 | |
| function setCorsHeaders(headers) { | |
| headers.set('Access-Control-Allow-Origin', '*'); | |
| headers.set('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE'); | |
| headers.set('Access-Control-Allow-Headers', '*'); | |
| } | |
| // 返回根目录的 HTML | |
| function getRootHtml() { | |
| return `<!DOCTYPE html> | |
| <html lang="zh-CN"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" rel="stylesheet"> | |
| <title>Proxy Everything</title> | |
| <link rel="icon" type="image/png" href="https://img.icons8.com/color/1000/kawaii-bread-1.png"> | |
| <meta name="Description" content="Proxy Everything with CF Workers."> | |
| <meta property="og:description" content="Proxy Everything with CF Workers."> | |
| <meta property="og:image" content="https://img.icons8.com/color/1000/kawaii-bread-1.png"> | |
| <meta name="robots" content="index, follow"> | |
| <meta http-equiv="Content-Language" content="zh-CN"> | |
| <meta name="copyright" content="Copyright © ymyuuu"> | |
| <meta name="author" content="ymyuuu"> | |
| <link rel="apple-touch-icon-precomposed" sizes="120x120" href="https://img.icons8.com/color/1000/kawaii-bread-1.png"> | |
| <meta name="apple-mobile-web-app-capable" content="yes"> | |
| <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> | |
| <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> | |
| <style> | |
| body, html { | |
| height: 100%; | |
| margin: 0; | |
| } | |
| .background { | |
| background-image: url('https://imgapi.cn/bing.php'); | |
| background-size: cover; | |
| background-position: center; | |
| height: 100%; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| } | |
| .card { | |
| background-color: rgba(255, 255, 255, 0.8); | |
| transition: background-color 0.3s ease, box-shadow 0.3s ease; | |
| } | |
| .card:hover { | |
| background-color: rgba(255, 255, 255, 1); | |
| box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.3); | |
| } | |
| .input-field input[type=text] { | |
| color: #2c3e50; | |
| } | |
| .input-field input[type=text]:focus+label { | |
| color: #2c3e50 !important; | |
| } | |
| .input-field input[type=text]:focus { | |
| border-bottom: 1px solid #2c3e50 !important; | |
| box-shadow: 0 1px 0 0 #2c3e50 !important; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="background"> | |
| <div class="container"> | |
| <div class="row"> | |
| <div class="col s12 m8 offset-m2 l6 offset-l3"> | |
| <div class="card"> | |
| <div class="card-content"> | |
| <span class="card-title center-align"><i class="material-icons left">link</i>Proxy Everything</span> | |
| <form id="urlForm" onsubmit="redirectToProxy(event)"> | |
| <div class="input-field"> | |
| <input type="text" id="targetUrl" placeholder="在此输入目标地址" required> | |
| <label for="targetUrl">目标地址</label> | |
| </div> | |
| <button type="submit" class="btn waves-effect waves-light teal darken-2 full-width">跳转</button> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> | |
| <script> | |
| function redirectToProxy(event) { | |
| event.preventDefault(); | |
| const targetUrl = document.getElementById('targetUrl').value.trim(); | |
| const currentOrigin = window.location.origin; | |
| window.open(currentOrigin + '/' + encodeURIComponent(targetUrl), '_blank'); | |
| } | |
| </script> | |
| </body> | |
| </html>`; | |
| } |