Nuxt 3 修改路由基础URL后部署访问404问题求助

• 确认baseURL配置准确性
  确保nuxt.config.ts中的配置格式正确，结尾斜杠不能省略，且与部署的子路径完全匹配：

  export default defineNuxtConfig({
    app: {
      baseURL: '/directoryName/'
    }
  })
  

• 配置服务器重写规则（核心步骤）
  静态部署或SSR部署都需要服务器将子路径下的所有请求转发到入口文件，否则会出现404：

  • Nginx示例配置：

    location /directoryName/ {
      try_files $uri $uri/ /directoryName/index.html;
    }
    

  • Vercel/Netlify等平台：在项目根目录创建_redirects文件，添加规则：

    /directoryName/* /directoryName/index.html 200
    

• 验证构建产物路径
  执行npm run generate生成静态文件后，检查.output/public目录下是否存在directoryName文件夹，所有页面、资源文件是否都在该目录下。若为SSR部署，需确保服务器的应用根路径或反向代理映射正确指向/directoryName/。

• 清除缓存重新构建
  删除.nuxt和.output目录，重新执行npm run build或npm run generate，避免旧配置缓存导致的异常。

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