vue-cli3打包之后上传服务器的缓存问题

Question

用vue-cli3搭建了一个项目,随着项目的开发进度，前前后后也npm run build好多次，前两天run build之后替换dist里的内容发现，打开网址访问页面，没有更新，据说vue-cli3对于css js每次打包后面的哈希值都会改变，从而css js不存在缓存问题，请教下大佬这种情况需不需要对index.html的打包进行设置，怎么设置？还是只能服务端想办法做些什么设置，又如何设置？

Answer 1

没错 vue-cli 每次打包后 css 和 js 如果内容有变化，打包出来的文件名就会变，index.html中的引用地址也会更新

根据你的描述，应该是index.html被客户端缓存了，导致仍然引用旧的 css 和 js。这个在 webpack 这端是无能为力的。你需要在服务器上的 HTTP 引擎（apache、nginx等）中设置对 .html 文件的缓存设置才行。