uniapp 404页面
·
需求：uniapp 在写 H5 时，如果在地址栏乱输入，会跳转到 404 页面。
思路：uniapp 有个 应用生命周期 onPageNotFound，让跳转不存在的页面时会执行这个回调函数。所以需求就很好解决了！
具体操作：
第一步：写一个 404 页面，并在 pages.json 中配置其路由。
第二步：在 App.vue 的 onPageNotFound 生命周期中处理跳转到 404 页面的逻辑：
// App.vue 文件：
export default {
onPageNotFound: [
function (res) {
// 跳转到 404 页面：
uni.redirectTo({
url: "pages/error/404", // 404 页面的路径
});
},
],
}
北京人形旗下天工造物具身智能开源社区，聚焦具身天工与慧思开物两大平台
更多推荐
0
0- 0
已为社区贡献8条内容
所有评论(0)