vue3 打包后部署nginx清除缓存问题

 打包的文件路径添加时间戳

vue.config.js 文件修改

const Timestamp = new Date().getTime();

module.exports = {
    assetsDir: 'static',
    configureWebpack: config => {
        // 打包编译后修改 js 文件名
		output: { // 输出重构  打包编译后的 文件名称  【模块名称.版本号.时间戳】
		       filename: `static/js/[name].${Timestamp}.js?v=${Timestamp}`,
		       chunkFilename: `static/js/[name].${Timestamp}.js?v=${Timestamp}`
		},
    },
    css: {
        extract: {
            // 打包编译后修改 css 文件名
            filename: `static/css/[name].${Timestamp}.css?v=${Timestamp}`,
            chunkFilename: `static/css/[name].${Timestamp}.css?v=${Timestamp}`
        }
    }
}

配置 nginx 不缓存 html

server {
    listen 80;
    server_name localhost;
    location / {
        try_files $uri $uri/ /index.html;
        root /yourdir/dist;
        index index.html index.htm;
        add_header Cache-Control no-cache;
        add_header Pragma no-cache;
       
    }
}