nuxt页面跳转_Nuxt.js错误页面跳转可能出现的问题

在我们的编程开发中,需要考虑 404 、500、连接超时(服务器关闭)是非常常见的手段.

首先我们知道的两种错误跳转知识:

有2种方式处理错误页面

方式1：默认路径，_.vue 。(先执行)

方式2：错误页面，~/layouts/error.vue

温馨提醒: 方式2的错误跳转详解在上一篇中,如果想了解更多可以自行前往.

可能出现的问题描述;

当这两种错误页面跳转的方式同时出现在一个开发环境中(同一个项目), 可能出现当页面找不到需要跳转错误页面时, 而原本已经设定好专门用来错误跳转的方式2的error.vue文件不会自动跳转,反而跳转到_.vue的文件下

例如:

pages文件中有以 _开头命名的vue页面或嵌套文件

同时也设定了专门用于跳转的错误页面error.vue

当去访问一个找不到的页面时,会直接自动跳转到 _id.vue或_slug/index.vue

而不是正常跳转到错误页面error.vue

解决:

在 _id.vue或_slug/index.vue 的页面上添加验证代码,进行判断即可

嵌套

export default {

// 用来验证错误信息,防止跳转这里

validate({params}){

return /^\d+$/.test(params.id)

}

以上即可解决该问题,希望能帮到你.

请给努力中的自己点个赞哦!

每天进步一点点`~~~~~

nuxt页面跳转_Nuxt.js错误页面跳转可能出现的问题相关推荐

Jsp页面跳转和js控制页面跳转的几种方法
Jsp 页面跳转的几种方法 1. RequestDispatcher.forward() 在服务器端起作用,当使用forward()时,Servlet engine传递HTTP请求从当前的Servle ...
vue里面怎么实现页面跳转_vue.js怎样做跳转页面？
vue.js怎样做跳转页面?下面本篇文章给大家介绍一下vue.js跳转页面.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 我们知道在vue里进行页面跳转的话,我们使用这个标签组件 ...
js带参数跳转php,JS实现页面跳转参数不丢失的方法
本文实例讲述了JS实现页面跳转参数不丢失的方法.分享给大家供大家参考,具体如下: 需求:页面编辑后,返回列表页面,参数不丢失,能够记住页数以及筛选条件. 我坚信,不管白猫黑猫,能捉到耗子的就是好猫,当 ...
eclipse web项目页面显示404_404 Not Found错误页面是什么？
404 Not Found错误页面是一个非常普遍的现象,该页面的目的是告诉浏览者其所请求的页面不存在或链接错误,同时引导用户使用网站其他页面而不是关闭窗口离开,虽然404错误页面在所难免,但网页设计师 ...
[网络收集]JS刷新页面总和！多种JS刷新页面代码!
1) <meta http-equiv="refresh"content="10;url=跳转的页面"> 10表示间隔10秒刷新一次 2) < ...
JS刷新页面总和！多种JS刷新页面代码!
1) <meta http-equiv="refresh"content="10;url=跳转的页面"> 10表示间隔10秒刷新一次 2) < ...
404 错误页面_如何设计404错误页面，以使用户留在您的网站上
404 错误页面重点 (Top highlight) 网站设计 (Website Design) There is a thin line between engaging and enraging ...
vue 扫码页面限制区域_Vue.js 单页面多路由区域操作的实例详解
单页面多路由区域操作在一个页面中有两个及以上的区域,需要通过设置路由的index.js,来操作这些区域的内容 app.vue 中设置: index.js中设置: import vue from 'v ...
java jsp公共异常页面_Java如何创建JSP错误页面以处理异常？
在此示例中,您将学习如何在JSP页面中处理异常.JSP具有用于错误处理的内置机制,这是一个特殊页面,可用于处理Web应用程序中的每个错误.要将页面定义为错误页面,我们使用page指令,isErrorP ...

nuxt页面跳转_Nuxt.js错误页面跳转可能出现的问题

nuxt页面跳转_Nuxt.js错误页面跳转可能出现的问题相关推荐

最新文章

热门文章