241 lines
7.7 KiB
JavaScript
241 lines
7.7 KiB
JavaScript
/* eslint-disable */
|
||
|
||
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>`;
|
||
}
|