Nuxt2+Tailwind项目无法部署至GitHub Pages及Netlify求助

Netlify部署失败修复 #

• 确认构建配置：在Netlify项目设置的「构建与部署」中，设置构建命令为npm run generate，发布目录为dist
• 指定Node版本：项目根目录新建.nvmrc文件，写入v16.x（Nuxt2兼容Node 14-18版本，避免Netlify用过高版本Node导致构建报错）
• 检查依赖：确保package.json中的依赖版本正确，本地执行npm install能正常构建后，再重新触发Netlify部署

GitHub Pages加载卡住修复 #

• 配置路由base路径：在nuxt.config.js中添加或修改：

  router: {
    base: '/cocktailappNuxt/'
  }
  

• 正确部署静态文件：
  1. 本地执行npm run generate生成dist目录
  2. 将dist目录内容推到项目的gh-pages分支
  3. 在GitHub仓库设置的「Pages」中，选择gh-pages分支的/root目录作为部署源
• 排查资源加载问题：打开浏览器开发者工具（F12），查看控制台的404报错，确认静态资源路径是否匹配base配置

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