首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何在Nuxt路由器中间件中添加重定向?

如何在Nuxt路由器中间件中添加重定向?
EN

Stack Overflow用户
提问于 2021-01-08 06:29:55
回答 1查看 6.6K关注 0票数 2

我创建了一个中间件来检查新用户电子邮件是否已被middleware/verify_email.js验证。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
export default function (context) {
  if (context.$auth.loggedIn && !context.$auth.user.email_verified_at) {
    console.log('logged in with email not verified');
    return context.redirect('/auth/verify');
  }
}

然后,我在nuxt.config.js中全局设置了这个中间件

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  router: {
    middleware: ['auth', 'verify_email']
  },

但似乎我得到了一个无限循环,页面在没有响应。一旦我评论重定向行,它就会再次响应。

NavigationDuplicated:避免了对当前位置的冗余导航:“/auth/NavigationDuplicated”。

我可能需要为页面auth/verify添加一个异常,但是我不知道怎么做。

知道我该怎么解决这个问题吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-01-08 09:29:31

我已经在Nuxt.js中做了一个类似的auth中间件。

如果您在'/auth/verify'路由上,您必须跳过中间件,如下所示:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
export default function (context) {

  if (context.route.name === "auth-verify")
    // skip middleware
    return
  }

  if (context.$auth.loggedIn && !context.$auth.user.email_verified_at) {
    console.log('logged in with email not verified');
    return context.redirect('/auth/verify');
  }
}
票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65630874

复制
相关文章
Nuxt项目给script标签添加crossorigin属性
最近给项目添加一个错误日志上报的功能,由于使用的是第三方的服务,导致上报的错误信息都是Script error.。文档上写的很清楚,要处理这个问题只需要两步:添加“crossorigin="anonymous" 属性和添加跨域 HTTP 响应头。那么Nuxt项目该如何添加crossorigin呢?
kai666666
2020/10/17
3.4K0
如何在系统中添加字体(添加字体到系统)
笔者最近在使用win10自带的OneNote笔记本记笔记的时候,发现笔者电脑中没有华文新魏这个字体,最开始以为是OneNote不带有这个字体,经过一段时间的收集资料后发现,是笔者电脑win10系统中不带有这个字体,现将有关概念和字体安装方法做一下记录。
全栈程序员站长
2022/08/01
3.9K0
如何在系统中添加字体(添加字体到系统)
winfrom如何在listview中添加控件
private Button btn = new Button(); private void Form1_Load(object sender, EventArgs e) { ListViewItem[] lvs = new ListViewItem[3]; lvs[0] = new ListViewItem(new string[] { "行1列1", "行1列2", "" }); l
码农阿宇
2018/04/18
2.6K0
如何在Hue中添加Spark Notebook
CDH集群中可以使用Hue访问Hive、Impala、HBase、Solr等,在Hue3.8版本后也提供了Notebook组件(支持R、Scala及python语言),但在CDH中Hue默认是没有启用Spark的Notebook,使用Notebook运行Spark代码则依赖Livy服务。在前面Fayson也介绍了《Livy,基于Apache Spark的开源REST服务,加入Cloudera Labs》、《如何编译Livy并在非Kerberos环境的CDH集群中安装》、《如何通过Livy的RESTful API接口向非Kerberos环境的CDH集群提交作业》、《如何在Kerberos环境的CDH集群部署Livy》、《如何通过Livy的RESTful API接口向Kerberos环境的CDH集群提交作业》、《如何打包Livy和Zeppelin的Parcel包》和《如何在CM中使用Parcel包部署Livy及验证》,本篇文章Fayson主要介绍如何在Hue中添加Notebook组件并集成Spark。
Fayson
2018/11/16
6.8K1
如何在Vue Router中应用中间件
中间件是我们在软件开发中的一个古老而强大的概念,当我们在应用程序中使用路由相关模式时,它非常有用。
前端知否
2020/03/23
1.1K0
如何在Vue Router中应用中间件
nuxt「建议收藏」
通过对客户端/服务端基础架构的抽象组织,Nuxt.js 主要关注的是应用的 UI渲染。
全栈程序员站长
2022/09/20
4K0
如何在Apache上配置重定向
HTTP重定向是将一个域名或地址指向另一个域名或地址的方式。有几种不同的重定向,每种重定向都对浏览器造成的影响不同,两种最常见的类型是临时重定向和永久重定向。
何处惹尘埃
2018/07/24
7.3K0
如何在ModelSim中添加Xilinx仿真库
今天给大侠带来在FPGA设计应用中如何在ModelSim中添加Xilinx仿真库,话不多说,上货。
FPGA技术江湖
2020/12/30
5.2K1
如何在Vue中动态添加类名
能够向组件添加动态类名是非常强大的功能。它使我们可以更轻松地编写自定义主题,根据组件的状态添加类,还可以编写依赖于样式的组件的不同变体。
前端小智@大迁世界
2020/05/12
6.2K0
如何在Linux中禁用ICMP和ICMPv6重定向
生产环境:CentOS Linux release 7.9.2009 (Core) \
欧巴云
2021/01/25
5K1
如何在Linux中禁用ICMP和ICMPv6重定向
如何在README.md文件中添加图片
1、在github上的仓库建立一个存放图片的文件夹,文件夹名字随意。如:img-folder
挥刀北上
2021/03/10
6.1K0
如何在README.md文件中添加图片
条码软件中如何在边框上添加文字
很多用户在使用条码标签软件设计制作标签时,会有自己的一些个性化的需要,虽然条码软件不能和作图软件相比,但是很多效果还是可以通过一些小技巧来实现的。比如下面要给大家介绍的把文字压在边框上的效果。如下图所示。
神奇像素科技
2022/03/01
2.7K0
条码软件中如何在边框上添加文字
如何在 TypeScript 中为对象动态添加属性?
在 TypeScript 中,我们经常需要在运行时动态添加属性到对象上。这是因为 TypeScript 是一种静态类型语言,类型系统在编译时会检查代码的类型安全性,所以在编译时我们无法确定对象上将要添加哪些属性。在本文中,我们将讨论如何在 TypeScript 中为对象动态添加属性,以及这样做的一些注意事项。
网络技术联盟站
2023/06/07
11.7K0
gRPC: 如何在 gRPC 服务中自动添加 RequestId?
本文将介绍如何在 gRPC 微服务中,为每一个 API 自动添加 RequestId 。
尹东勋
2021/10/17
2.6K0
gRPC: 如何在 gRPC 服务中自动添加 RequestId?
如何在Eclipse中添加Tomcat的jar包
右键项目工程,点击Java Build Path 点击Add Library,选择Server Runtime 选择Tomcat版本 此时就看到拥有了Tomcat的jar包了
用户1154259
2018/01/17
2.8K0
如何在Eclipse中添加Tomcat的jar包
如何在WordPress中添加图片放大预览效果
这里分享一个如何在Wordpress中开启点击图片预览的功能。操作也非常的简单,只需要把下面的内容黏贴到对应的文件中即可。实际的效果预览
兔云小新LM
2023/09/11
3700
如何在WordPress中添加图片放大预览效果
如何在Nuxt应用程序中加载外部脚本
我需要加载一个样式表和几个脚本。我将分享我如何使用Nuxt完成此操作以及实现此操作的不同方法。
前端知否
2020/03/23
5K1
点亮你的Vue技术栈,万字Nuxt.js实践笔记来了
作为一位 Vuer(vue开发者),如果还不会这个框架,那么你的 Vue 技术栈还没被点亮。
WahFung
2020/08/24
24K0
点亮你的Vue技术栈,万字Nuxt.js实践笔记来了
如何在 JS 中的数组开头添加元素?
代码部署后可能存在的BUG没法实时知道,事后为了解决这些BUG,花了大量的时间进行log 调试,这边顺便给大家推荐一个好用的BUG监控工具 Fundebug。
前端小智@大迁世界
2021/03/02
9.6K0
点击加载更多

相似问题

如何在Nuxt的中间件中测试“重定向”?

15

如何在nuxt路由器中添加meta?

24

Nuxt中间件创建无限重定向

11

NUXT中间件中的Vue路由器钩子

112

如何在动态路由器中添加路由器中间件?

12
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文