迅睿开源框架是一款PHP8高性能·简单易用的PHP开源开发框架, 基于MIT开源许可协议发布,不限制商业使用,以多端互联为设计理念, 支持的微信公众号、小程序、APP客户端、移动端网站、PC网站等多终端式管理系统。
系统有自带的 404 吗??在或者,怎么把 404,设置到首页去啊??免得打不开,然后我也不想花钱买404插件
插件教程:https://www.xunruicms.com/doc/app-928.html
template/pc/default/home/404.html
template/mobile/default/home/404.html
<a href="/">回到首页</a>
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>页面不存在</title> <!-- 自适应设置,适配手机端 --> <meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body style="text-align: center; margin-top: 100px;"> <h1>404 - 您访问的页面不存在</h1> <p>点击下方链接返回首页</p> <!-- 核心跳转代码,点击直接回到网站首页 --> <a href="/" style="font-size: 18px; color: #007bff;">回到首页</a></body></html>
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>页面不存在</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script> // 页面加载后,延迟2000毫秒(2秒)自动跳转到首页 setTimeout(function() { window.location.href = '/'; }, 2000); </script></head><body style="text-align: center; margin-top: 100px;"> <h1>404 - 您访问的页面不存在</h1> <p>即将为您跳转到首页...(2秒后)</p> <!-- 备用手动链接,防止JS失效 --> <a href="/" style="font-size: 18px; color: #007bff;">立即回到首页</a></body></html>
404.html
你的域名/123.html
<meta name="viewport"...>
setTimeout
2000
默认 404 页面路径
template/pc/default/home/404.htmltemplate/mobile/default/home/404.html核心前提
迅睿 CMS 4.7.1自带 404 页面功能,无需额外购买插件,PC 端默认 404 模板文件路径为:template/pc/default/home/404.html所有操作均围绕这个文件修改,直接通过服务器文件管理器(如宝塔、FTP)找到该文件编辑即可。方式 1:手动点击跳转(最简单,纯前端标签,零基础可做)
适合想让用户看到 404 提示后,手动点击回到首页的场景,仅需替换 / 添加一行代码,步骤如下:template/pc/default/home/404.html文件并打开编辑;<a href="/">回到首页</a>);推荐替换代码(带提示,更友好)
html预览<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>页面不存在</title> <!-- 自适应设置,适配手机端 --> <meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body style="text-align: center; margin-top: 100px;"> <h1>404 - 您访问的页面不存在</h1> <p>点击下方链接返回首页</p> <!-- 核心跳转代码,点击直接回到网站首页 --> <a href="/" style="font-size: 18px; color: #007bff;">回到首页</a></body></html>方式 2:自动跳转到首页(无需手动点击,体验更丝滑)
适合想让用户访问 404 页面后,自动延迟跳转到首页的场景,在基础 HTML 中加入一行简单 JS 代码,零基础可直接复制使用,步骤同方式 1,仅需替换代码:自动跳转代码(延迟 2 秒,带提示,适配自适应)
html预览<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>页面不存在</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script> // 页面加载后,延迟2000毫秒(2秒)自动跳转到首页 setTimeout(function() { window.location.href = '/'; }, 2000); </script></head><body style="text-align: center; margin-top: 100px;"> <h1>404 - 您访问的页面不存在</h1> <p>即将为您跳转到首页...(2秒后)</p> <!-- 备用手动链接,防止JS失效 --> <a href="/" style="font-size: 18px; color: #007bff;">立即回到首页</a></body></html>关键注意事项
404.html文件并保存后,直接在浏览器访问网站不存在的路径(如你的域名/123.html),即可看到效果,无需重启服务器或 CMS;<meta name="viewport"...>标签,确保 404 页面在手机端也能自适应显示,符合你 “仅做 PC 端自适应” 的需求;总结
两种方式均基于迅睿 CMS 自带的 404 模板,无需插件、无需技术基础,直接复制代码替换即可:- 想最简单操作:选方式 1,仅用 HTML 标签,无 JS,兼容性 100%;
- 想更友好体验:选方式 2,自动延迟跳转 + 备用手动链接,兼顾所有用户。
如果需要调整自动跳转的延迟时间(比如 1 秒 / 3 秒),只需修改方式 2 代码中setTimeout里的2000(单位:毫秒,1000=1 秒)即可。