vue设置 js css文件缓存

在 Vue 中，可以通过配置 webpack 来设置 JavaScript 和 CSS 文件的缓存。具体步骤如下：

1. 在 webpack 配置文件中，使用 webpack-md5-hash 插件来生成文件名带有哈希值的 JavaScript 和 CSS 文件。

2. 在模板文件中引用 JavaScript 和 CSS 文件。

3. 在页面中添加缓存控制的 meta 标签。

例如，在 webpack 配置文件中可以这样配置：

const WebpackMd5Hash = require('webpack-md5-hash')
const path = require('path')

module.exports = {
  entry: {
    app: './src/main.js'
  },
  output: {
    path: path.resolve(__dirname, './dist'),
    filename: '[name].[chunkhash].js'
  },
  module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          'style-loader',
          'css-loader'
        ]
      }
    ]
  },
  plugins: [
    new WebpackMd5Hash()
  ]
}

在模板文件中可以这样引用：

<link rel="stylesheet" href="./assets/style.css">
<script src="./assets/app.js"></script>

在页面中添加缓存控制的 meta 标签：

<meta http-equiv="Cache-Control" content="max-age=3600, must-revalidate">

这样就可以对 JavaScript 和 CSS 文件进行缓存了。注意，每次修改文件内容后，会生成一个新的带有哈希值的文件名，因此需要在模板文件中引用新的文件名。