vue打包如何避免浏览器缓存

为了避免浏览器缓存，可以在打包时给文件名添加一个哈希值，这样每次打包后生成的文件名都不一样，浏览器就会重新请求最新的文件。在 Vue 中，可以通过在 `vue.config.js` 文件中配置 `outputDir` 和 `filenameHashing` 来实现：

module.exports = {
  outputDir: 'dist', // 打包输出目录
  filenameHashing: true // 开启文件名哈希
}

此外，还可以在 webpack 配置中使用 `cache-control` 和 `expires` 等 HTTP 头信息来控制浏览器缓存，具体可以参考 [webpack 官方文档](https://webpack.js.org/guides/caching/)。