功能说明
针对网站所有不存在的访问路劲，触发404错误时，自动跳转至指定目标域名，完整保留原访问路径、URL参数，适用于域名迁移、站点改版、旧链接扶正场景。纯前端实现，零延迟跳转，适配全浏览器。
核心实现文件（404.html）
放置于网站根目录，仅需修改目标域名即可直接使用。
“`html
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>跳转中…</title>
<script>
// 你要跳转到的目标域名
const to = “https://你的目标域名.com”;
// 自动保留路径
const path = window.location.pathname + window.location.search;
window.location.href = to + path;
</script>
</head>
<body>
页面不存在，正在自动跳转…
</body>
</html>
“`
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>跳转中...</title>
<script>
// 你要跳转到的目标域名
const to = "https://你的目标域名.com";
// 自动保留路径
const path = window.location.pathname + window.location.search;
window.location.href = to + path;
</script>
</head>
<body>
页面不存在，正在自动跳转...
</body>
</html>
关键配置说明
- 配置规则：目标域名必须携带 https:// 或 http:// 协议，域名末尾禁止添加斜杠
- 跳转逻辑：自动抓取原URL路径、GET参数，拼接至目标域名后完整跳转
- 生效前提：服务器必须将404错误指向该404.html文件，否则代码无法执行
部署步骤
- 修改404.html中目标域名为正式业务域名
- 将404.html上传至网站根目录
- 配置服务器404错误页指向规则
- 清空缓存，测试任意无效链接验证跳转效果
功能效果
原站点无效链接 → 触发404 → 自动跳转新域名，路由路径、查询参数完全一致，保证旧链接正常访问，规避404死链问题。
注意事项：文件必须放置在网站根目录，子目录部署不生效
© 版权声明
文章版权归作者所有，未经允许请勿转载。
THE END
暂无评论内容