You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Nuxt3密码重置动态链接构建失败,访问出现404错误求助

问题分析与解决

导致404错误的核心原因大概率是动态路由文件名不符合当前Nuxt版本的命名规则,分两种情况说明:

如果你使用的是Nuxt 3

Nuxt 3的动态路由要求文件名用方括号包裹参数名,比如[token].vue,而非你当前的_token.vue。这种命名方式下,Nuxt 3无法识别该文件对应动态路由/password-reset/:token,因此访问链接时返回404。

解决步骤:

  • 将pages/password-reset/_token.vue重命名为pages/password-reset/[token].vue
  • 重启项目后重新访问链接,此时路由会正确匹配,页面应该能正常加载

如果你使用的是Nuxt 2

Nuxt 2确实支持下划线开头的动态路由文件(_token.vue对应/password-reset/:token),若仍出现404,排查以下几点:

  • 检查项目启动时是否有编译错误,确保Nuxt服务正常运行
  • 确认nuxt.config.js中没有自定义修改路由规则,导致默认的文件系统路由失效
  • 验证链接中的token字符串没有特殊字符干扰路由解析(你的token是哈希值,一般不会有问题)

另外,你的_token.vue中获取参数的逻辑是正确的,只要路由匹配成功,route.params.token和route.query.email就能正常赋值给表单。

内容的提问来源于stack exchange,提问作者Vadim Yanyushkin

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.20 18:52:33