当使用路由调整时这个方法无法显示,只能刷新才能显示,因为扩展问题,已经改为直接对接接口了。
做一个备份
```
const Error = ()=> {
// 清理脚本标签
const cleanScript = ()=>{
let script404 = document.getElementById("script404");
script404?.remove();
let scripttDiy = document.getElementById("scripttDiy");
scripttDiy?.remove();
}
// 挂载时添加一个公益404脚本
useEffect(()=>{
// 创建一个需要执行的404脚本加载后需要执行的脚本
let diyScript = document.createElement('script');
let diyFunc = `
function diy(){
// 需要执行的脚本
}`
// 添加id
diyScript.setAttribute('id', 'scripttDiy');
// 添加函数
diyScript.append(diyFunc);
document.getElementsByTagName('head')[0].appendChild(diyScript)
// 添加404公益脚本
let script = document.createElement('script');
script.type = 'text/javascript';
script.async = true;
// 404接口官网 https://www.dnpw.org/404
script.src = `//cdn.dnpw.org/404/v1.min.js`;
// 设置id
script.setAttribute('id', 'script404')
// 自动跳转时间,单位秒,-1为手动点击跳转
script.setAttribute('jumptime', '-1')
// 自动跳转目标网址,默认 / 网站首页;
script.setAttribute('jumptarget', '/')
// maincolor: 主题色调或高亮色,可配合您站点主色进行配置;
script.setAttribute('maincolor', '#32BF7D')
// 页面短提示,客户端语言为中文默认为“错误提示”,其他为“Oops!”;
script.setAttribute('tips', '404')
//页面长提示,客户端语言为中文默认为“该页面找不到或已被删除”,其他为“The page was not found”;
script.setAttribute('error', 'The page was not found')
// 把脚本添加到head
document.getElementsByTagName('head')[0].appendChild(script)
// 当页面销毁时执行删除脚本
return ()=>{
cleanScript();
}
},[])
return (
<>
</>
)
}
export default Error;
```