部署在GAE的Nuxt应用仅.js文件返回404问题求助

针对Nuxt部署GAE后JS文件返回404的问题，可尝试以下几种解决思路：

1. 调整静态文件Handler配置 #

将原有的/_nuxt静态目录映射改为精确的文件匹配规则，避免路由冲突：

handlers:
  # 替换原有的/_nuxt handler
  - url: /_nuxt/(.*)
    static_files: .nuxt/dist/client/\1
    upload: .nuxt/dist/client/(.*)
    secure: always

  # 保留其他handler配置
  - url: /(.*\.(gif|png|jpg|ico|txt))$
    static_files: static/\1
    upload: static/.*\.(gif|png|jpg|ico|txt)$
    secure: always

  - url: /.*
    script: auto
    secure: always

原配置中static_dir的前缀匹配可能存在隐性路由冲突，改用static_files的精确路径映射后，能确保所有/_nuxt/下的文件（包括JS）都被正确路由到对应静态资源。

2. 升级Node.js运行时版本 #

当前使用的nodejs14已停止官方支持，GAE可能对旧版本运行时的静态资源处理逻辑进行了调整。建议升级到受支持的版本（如nodejs18或nodejs20），修改app.yml中的runtime字段：

runtime: nodejs18

同时确保本地开发环境的Node.js版本与GAE运行时版本一致，避免构建产物出现差异。

3. 清除GAE边缘缓存 #

GAE的边缘缓存可能留存了旧的资源路径，可通过以下操作清除：

• 登录Google Cloud控制台，进入目标GAE服务
• 导航到【设置】>【缓存】，手动清除服务缓存
• 重新部署时添加--no-cache参数跳过本地缓存：

  gcloud app deploy --no-cache
  

4. 验证构建输出路径 #

再次确认构建后的资源匹配情况：

• 本地执行npm run build后，检查.nuxt/dist/client目录下的JS文件是否存在，且文件名与前端请求的路径完全一致
• 通过GAE调试器查看实例内的文件结构，确认/_nuxt/请求对应的文件路径无错误

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