Nuxt根路径"/"访问报404错误求助

核心原因 #

Nuxt确实基于Vue Router自动生成路由，根路径/对应pages/index.vue文件——你之前默认视图正常，就是因为这个文件存在，现在它大概率被删除、重命名或移动了，导致Nuxt无法生成根路由规则，进而触发Vue Router的匹配警告。

排查与解决步骤 #

• 检查pages目录下的index.vue文件
  直接查看项目pages文件夹，确认是否存在index.vue。如果没有，重新创建一个基础首页文件即可，示例代码：

  <template>
    <div>
      <h1>首页</h1>
    </div>
  </template>
  

• 确认未手动修改Nuxt路由配置
  打开nuxt.config.ts（或nuxt.config.js），检查是否有自定义的router配置项。如果存在可能覆盖默认路由的规则，移除或调整该配置，确保Nuxt自动从pages目录生成路由的逻辑生效。

• 清除缓存并重新构建
  停止当前开发服务器，删除项目根目录下的.nuxt（Nuxt 2）或.output（Nuxt 3）文件夹，以及node_modules/.cache目录，然后重新运行npm run dev启动项目，避免缓存导致的路由生成异常。

• 验证pages模块是否启用（仅Nuxt 3）
  如果你使用Nuxt 3，检查nuxt.config.ts中的modules配置，确保没有禁用pages模块（默认自动启用，无需手动添加）。如果有自定义模块影响了pages的路由生成，调整相关配置。

内容的提问来源于stack exchange，提问作者Andreas Diehl