在 Cloudflare 的「网站 - 规则 - 页面规则」中可以设置 URL 转发，免费默认可以使用 3 个规则，可以进行简单的通配符转换，如果这个能满足需求那最好了。
如下：将带 www 的网址 301 重定向到不带 www 的。
| 匹配 URL | 转发 URL | 重定向 |
|---|---|---|
www.dvel.me/* |
https://dvel.me/$1 |
301 |
但是很多时候需要更复杂的 URL 转发，比如个人博客瞎折腾，网站的后缀甚至域名来回改，无法仅仅通过通配符做到全部的 301 重定向，这时候还得用 Workers。
今天打开 Cloudflare 一看，出了个「批量重定向 Beta」。。。
但是免费版限制了 5 个列表，每个列表 20 个，如果量小的话建议用用这个，量大的用 Workers。
创建后选择「资源 - 快速编辑」，默认代码：
// 事件监听 fetch
addEventListener("fetch", event => {
event.respondWith(handleRequest(event.request))
})
// 返回一个只包含"Hello world"的响应
async function handleRequest(request) {
return new Response("Hello world")
}
点击「发送」即可测试：
将上面代码改为：
addEventListener("fetch", event => {
event.respondWith(handleRequest(event.request))
})
async function handleRequest(request) {
return Response.redirect("https://www.google.com", 301)
}
再点击「发送」进行测试：
再在「触发器 - 路由 - 添加路由」中添加一个 URL 进行测试 dvel.me/test：
然后在浏览器中进行访问此网址，发现这个 URL 已经成功 301 到 Google 了。
大致的做法就是这样，批量重定向只需要将路由改为 dvel.me/*，再将需要跳转的新老 URL 在代码中处理即可。
在上图点击右上角的「示例」，可以找到两个 Redirect 的示例。
第一个示例将所有的请求重定向到一个 URL：
// Redirect all requests to one URL
const destinationURL = "https://example.com"
const statusCode = 301
async function handleRequest(request) {
return Response.redirect(destinationURL, statusCode)
}
addEventListener("fetch", async event => {
event.respondWith(handleRequest(event.request))
})
第二个示例是仅域名互换，保留后面的 path。即 foo.com/a?b=c 转 bar.com/a?b=c：
// Redirect requests from one domain to another
const base = "https://example.com"
const statusCode = 301
async function handleRequest(request) {
const url = new URL(request.url)
const { pathname, search } = url
const destinationURL = base + pathname + search
return Response.redirect(destinationURL, statusCode)
}
addEventListener("fetch", async event => {
event.respondWith(handleRequest(event.request))
})
这两个完全没必要，因为用「页面规则」的「URL 转发」就可以完成了，除非你 3 个免费的规则都用完了。
一个简单的示例：如果访问的地址和 old_url 撞上了，则返回 new_url。
addEventListener("fetch", event => {
event.respondWith(handleRequest(event.request))
})
async function handleRequest(request) {
let old_url = "https://dvel.xyz/posts/1234/"
let new_url = "https://dvel.me/posts/ba-la-ba-la/"
if (request.url === old_url) {
return Response.redirect(new_url, 301)
}
return fetch(request)
}
效果：只重定向当前域名下指定的路径。以后要是修改路径了就在这更新一下。
| 旧地址 | 新地址 |
|---|---|
dvel.me/posts/1234/ |
dvel.me/posts/ba-la-ba-la/ |
添加触发器的路由：dvel.me/*。
addEventListener("fetch", event => {
event.respondWith(handleRequest(event.request))
})
async function handleRequest(request) {
const arr = [
"https://dvel.me/posts/1234/ https://dvel.me/posts/ba-la-ba-la/",
// ...
]
let old_url, new_url
for (const u2 of arr) {
[old_url, new_url] = u2.split(' ')
if (request.url === old_url) {
return Response.redirect(new_url, 301)
}
}
return fetch(request)
}
如果在用 Cloudflare Pages 的话，用 Pages 的重定向更简单。
在构件目录创建 _redirects 文件（也就是 Hugo 的 static 目录），参考 Redirects 文档创建规则，限制是 100 个。
效果：默认只转换域名，并保留后面的 path 和 search；后缀和域名都变了的，需要一个一个写进数组。
| 旧地址 | 新地址 |
|---|---|
dvel.xyz/posts/1234/ |
dvel.me/posts/ba-la-ba-la/ |
添加触发器的路由：dvel.xyz/*。
addEventListener("fetch", event => {
event.respondWith(handleRequest(event.request))
})
async function handleRequest(request) {
const arr = [
"https://dvel.xyz/posts/1234/ https://dvel.me/posts/ba-la-ba-la/",
// ...
]
let old_url, new_url
for (const u2 of arr) {
[old_url, new_url] = u2.split(' ')
if (request.url === old_url) {
return Response.redirect(new_url, 301)
}
}
const base = "https://dvel.me"
const url = new URL(request.url)
const { pathname, search } = url
const destinationURL = base + pathname + search
return Response.redirect(destinationURL, 301)
}
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。