如何在生产中为 nuxt 构建固定文件名？

Question

我在 Docker 容器中使用带有 SSR 的 nuxt。每当我为生产构建项目时，它都会为 js 文件块生成一些随机名称。这会导致一些问题，因为浏览器的缓存会尝试加载不存在的 js 文件。因为这些文件不再存在，所以我在之前部署中构建的 js 文件中收到很多 not found 错误。

我该如何处理这个问题？

Answer 1

我猜你的浏览器缓存策略有问题，它没有按预期工作，因为 not found/404 状态代码问题并不常见。

为了回答您关于 Nuxt 中生产构建的固定块名称的问题，有一个 built-in 方法可以使它工作，您可以按照 documentation 来学习。

因此，要实现此目的，请在 nuxt.config.js 文件中执行此操作：

export default {
  build: {
    filenames: {
      chunk: () => '[name].js'
    }
  }
}

Be careful when using non-hashed based filenames in production as most browsers will cache the asset and not detect the changes on first load.

How to make fixed filenames for nuxt build in production?