nextjs 拦截路由使用时,无法跳转&状态问题?

拦截路由结构如下:
image.png

发现的两个问题:
1.我的页面有一个navbar,如果登陆状态的话,navbar会显示用户头像,如果没有登陆,则展示一个登陆按钮,登陆按钮点击即打开(.)signin页面,登录成功后,我会去重定向到/。到这里,流程没有问题,但是此时虽然已经登陆,但是仍然显示的是登陆按钮,需要重新刷新页面,才会正常显示头像。而如果我没有用拦截路由,直接在登录页里登陆跳转之后,就不需要刷新。这里的拦截路由的signin和signin页面,使用的form action都是一段代码。

2.另外一个问题,怀疑还是拦截路由的问题,在注册的signup 的action里使用了redirect("/");如果是正常的注册页没问题,如果是拦截路由,死活无法跳转。 我在console的里看到发生了303,同时请求了/,但是页面浏览器的url没变,页面也没有发生跳转

有无nextjs专家能否答疑

阅读 2.2k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进