无需重建项目，如何在Nuxt 3中存放动态文件替代public目录？

由于Nuxt3根目录下的public会在构建时被打包到输出目录，无法像Nuxt2的static目录那样支持运行时动态新增内容，你可以通过以下两种方式解决：

方案一：使用内置运行时静态目录 #

在项目根目录创建server/public文件夹，后端直接将动态内容写入该目录。这个目录是Nuxt3后端引擎Nitro的运行时静态资源目录，无需重建项目，访问路径直接以/开头，例如：

• 文件路径：server/public/user-avatar.jpg
• 访问URL：https://你的域名/user-avatar.jpg

方案二：配置自定义静态资源目录 #

如果需要自定义目录路径，在nuxt.config.ts中添加nitro.publicAssets配置，指定一个运行时读取的目录，示例如下：

export default defineNuxtConfig({
  nitro: {
    publicAssets: [
      {
        dir: './dynamic-files', // 自定义的动态文件目录（项目根目录下）
        baseURL: '/dynamic' // 访问时的路径前缀
      }
    ]
  }
})

配置完成后：

• 后端将动态文件写入dynamic-files目录
• 访问URL示例：https://你的域名/dynamic/report.pdf

关键注意点 #

• 避免使用根目录public存放动态内容，因为该目录仅在构建阶段被复制到输出目录，构建后新增的文件无法被识别。
• 部署时确保自定义动态目录拥有正确的读写权限，保证后端能正常写入文件。

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