Nuxt3部署Azure SWA：nitro预设覆盖staticwebapp.config.json问题

问题背景 #

我的Nuxt3应用部署在Azure DevOps流水线的Azure Static Web App服务中，配置了Nitro的azure预设：

export default defineNuxtConfig({
  nitro: {
    preset: 'azure',
  }
})

按照Azure官方文档，我在staticwebapp.config.json中添加了自定义认证配置和allowedRoles，但每次执行yarn run build时，这个配置文件都会被自动覆盖。如果移除azure预设，文件不会被修改，但Azure DevOps流水线会报错，提示输出文件夹缺少默认文件。

我想知道：

• 能否禁用构建时对staticwebapp.config.json的自动覆盖？
• 或者有没有办法将Azure SWA的配置直接整合到nuxt.config.ts的Nitro配置中？

查阅Nitro官方文档后，没找到对应的解决方案。

解决方案 #

可以通过Nuxt的close钩子，在Nitro基于azure预设完成构建后，用自定义的配置文件覆盖自动生成的版本。

具体实现 #

1. 在项目根目录创建swa文件夹，将你的自定义staticwebapp.config.json放入该目录；
2. 修改nuxt.config.ts，添加钩子配置：

export default defineNuxtConfig({
    nitro: {
        preset: 'azure'
    },
    hooks: {
        'close': async () => {
            const fs = require('fs/promises');
            await fs.cp('./swa/staticwebapp.config.json', './staticwebapp.config.json', {force: true});
        }
    }
})

close钩子会在整个构建流程结束时触发，强制用你自定义的配置文件替换Nitro生成的版本，这样既保留了azure预设的功能（避免流水线报错），又能维持你的自定义认证和角色配置不被覆盖。

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