NuxtJS如何通过nuxt.config.js自定义dist内/_nuxt/static下随机目录名

你遇到的/_nuxt/static/[随机数字]目录中的数字是Nuxt 2执行nuxt generate静态构建时默认生成的构建时间戳，官方提供了对应配置项可以自定义该目录名称，具体实现方式如下：

• 仅自定义版本号部分（替换随机数字）
  在nuxt.config.js中添加generate.staticVersion配置项，填写你需要的自定义字符串即可：

  export default {
    generate: {
      // 自定义值会替换默认的时间戳
      staticVersion: 'custom-v2024'
    }
  }
  

  配置后对应目录路径将变为/_nuxt/static/custom-v2024/。
• 完全自定义路径前缀+版本号
  如果需要修改/_nuxt前缀，可以搭配build.publicPath配置实现：

  export default {
    build: {
      // 自定义静态资源根路径，替换默认的/_nuxt
      publicPath: '/res/'
    },
    generate: {
      staticVersion: 'v1'
    }
  }
  

  配置后对应目录路径将变为/res/static/v1/。
• 移除版本号目录
  如果不需要该层版本目录，直接将staticVersion设为空字符串即可：

  export default {
    generate: {
      staticVersion: ''
    }
  }
  

注意：以上配置仅适用于Nuxt 2的静态构建场景（即target: 'static'配置场景），Nuxt 3的静态生成逻辑已重构，不再生成该格式的时间戳目录。修改publicPath后需要确保部署时静态资源的存放路径和配置匹配，避免出现资源404问题。

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