NuxtJS部署Firebase云函数时serverMiddleware路径无法解析如何解决

核心原因 #

Nuxt开发环境下~别名、相对路径都是基于项目根目录解析，但是部署到Firebase云函数后，运行时工作目录为/workspace，且Nuxt构建后的服务器包目录结构与本地开发环境不一致，会导致别名、相对路径定位失效。

可行配置方案 #

步骤1：使用node路径模块拼接绝对路径 #

不要用~别名或者相对路径定义handler，通过__dirname（指向当前nuxt.config.js所在目录的绝对路径）拼接目标文件路径，保证不管运行时工作目录如何变化，都能正确定位文件。
首先在nuxt.config.js顶部引入path模块：

const path = require('path')

修改serverMiddleware配置：

serverMiddleware: [{ 
  path: '/graphql', 
  handler: path.resolve(__dirname, './graphql/index.js') 
}],

步骤2：确保graphql目录被纳入部署包 #

检查项目根目录下的.firebaseignore和.gitignore文件，确认没有过滤掉graphql/目录，避免部署到Firebase时相关文件没有上传到云函数运行环境。

可选补充配置 #

如果上述修改后仍有问题，可以在nuxt.config.js的build配置中添加graphql目录到转译列表，保证Nuxt构建时会把该目录的代码打包进服务器bundle：

build: {
  transpile: ['~/graphql'],
  // 其余原有build配置保留
}

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