捕获404页面,并重定向页面

话不多说,直接上代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
// 捕获404页面,并重定向
const isRunUrl = function (url) {
return new Promise(function (resolve, reject) {
// 测试链接连通性, 主要检测404错误
// 由于AJAX通常无法区分404和跨域问题,所以只能用script 或者 link标签,link比script更容易捕获错误
var dom = document.createElement('link');
dom.href = url;
dom.rel = 'stylesheet';
document.head.appendChild(dom);
dom.onload = function () {
document.head.removeChild(dom);
resolve();
}
dom.onerror = reject;
});
}


isRunUrl("your url").then(
(res) => {
// 处理resolve的代码
console.log("ok", data);;
}, (err) => {
// 处理reject的代码,重定向逻辑
console.log("err", err);
}
)

我是 甜点cc

热爱前端,也喜欢专研各种跟本职工作关系不大的技术,技术、产品兴趣广泛且浓厚,等待着一个创业机会。主要致力于分享实用技术干货,希望可以给一小部分人一些微小帮助。

欢迎微信扫码关注 "看见另一种可能"!
wechat:看见另一种可能