vue前端更新后需要清空缓存代码示例

server {
    listen 80;
    server_name yourdomain.com;
    location / {
        try_files $uri $uri/ /index.html;
        root /yourdir/;
        index index.html index.htm;
 
        //对html htm文件设置永远不缓存
        if ($request_filename ~* .*\.(?:htm|html)$) {
            add_header Cache-Control "private, no-store, no-cache, must-revalidate, proxy-    revalidate";
        }     
      }
}

const timestamp = new Date().getTime()

module.exports = defineConfig({
    css: {
        extract: {
            // 修改输出css目录名及文件名
            filename: `css/[name].css?v=${timestamp}`,
            chunkFilename: `css/[name].css?v=${timestamp}`,
        }
    },
    configureWebpack: {
        output: {
            // 修改输出js目录名及文件名
            filename: `js/[name].js?v=${timestamp}`,
            chunkFilename: `js/[name].js?v=${timestamp}`,
        },
    },
})

build: {
        // outDir: "admin", //想要把dist修改成什么名字在这边改
        // 自定义底层的 Rollup 打包配置（Rollup文档地址：https://cn.rollupjs.org/configuration-options/）
        rollupOptions: {
            // 输出配置
            output: {
                // 输出的文件自定义命名
                chunkFileNames: `js/[name]-[hash].${timestamp}.js`,
                entryFileNames: `js/[name]-[hash].${timestamp}.js`,
                assetFileNamesL: `[ext]/[name]-[hash].${timestamp}.[text]`,
            }
        },
    },