vue-cli解决上线时缓存问题

碰上前端缓存的问题，首先想到的是head里面加meta

<meta http-equiv="pragram" content="no-cache">
<meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">

vue-cli脚手架工具生成的项目，默认配置里，css和js等静态文件的名字里都加里哈希值，每一次build之后的静态文件和之前版本的名字不一样，按理不会有缓存问题。但有时仍然有缓存问题，那么就按照网上其他办法在静态文件名字里再拼接上时间戳。
修改==webpack .prod.conf.js==

const version = new Date().getTime();
output: {
    path: config.build.assetsRoot,
    filename: utils.assetsPath('js/[name].[chunkhash:8].' + version + '.js'),
    chunkFilename: utils.assetsPath('js/[name].[chunkhash:8].' + version + '.js')
}

以及HtmlWebpackPlugin里加个hash

new HtmlWebpackPlugin({
    filename: config.build.index,
    template: 'index.html',
    inject: true,
    hash: version,
    favicon: resolve('icon.ico'),
    title: 'vue-admin-template',
    minify: {
        removeComments: true,
        collapseWhitespace: true,
        removeAttributeQuotes: true
    }
})

本以为不会再有缓存，但是index.html放到服务器的时候，index.html在服务器端可能是有缓存的，这需要在服务器配置不让缓存index.html

location = /index.html { add_header Cache-Control "no-cache, no-store"; }

以上，除最后一项均在项目中加过，亲测有用。