在WAMP服务器运行静态Nuxt应用时跳转至C盘的问题排查

1. 路由配置拼写错误 #

你的nuxt.config.js里存在明显笔误：写了route: { mode: 'hash' }，正确的配置项应为router。而且Nuxt中hash模式的配置需归在router对象下，修正后配置如下：

router: {
  mode: 'hash',
  middleware: 'stats'
}

2. WAMP站点部署方式错误 #

• 不要直接打开dist文件夹里的index.html本地文件，这种方式会导致资源路径解析异常，触发跳转到C盘的问题。
• 正确操作：将npm run build（或npm run generate）生成的dist目录下所有文件，复制到WAMP的站点根目录（默认路径为C:\wamp64\www\你的项目名称），然后通过WAMP的本地域名访问，比如http://localhost/你的项目名称。

3. 资源路径适配配置 #

如果你的Nuxt项目部署在WAMP的子目录下（而非www根目录），需要调整路径配置：

router: {
  mode: 'hash',
  base: '/你的项目名称/', // 对应WAMP下的子目录路径
  middleware: 'stats'
},
axios: {
  baseURL: '/你的项目名称/' // 同步调整axios的基础路径
}

4. SSR与静态目标冲突修正 #

你当前配置了ssr: true同时target: 'static'，这会导致静态生成的内容不符合预期。若为纯静态部署，建议将ssr改为false，并使用npm run generate命令替代npm run build来生成静态文件（target: 'static'时官方推荐用generate）。

验证步骤 #

1. 修正上述配置后，重新执行npm run generate生成静态文件；
2. 将dist目录所有文件复制到WAMP对应站点目录；
3. 浏览器访问http://localhost/你的项目名称，确认应用正常加载且不再跳转C盘。

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