用vue-cli3搭建了一个项目,随着项目的开发进度,前前后后也npm run build好多次,前两天run build之后替换dist里的内容发现,打开网址访问页面,没有更新,据说vue-cli3对于css js每次打包后面的哈希值都会改变,从而css js不存在缓存问题,请教下大佬这种情况需不需要对index.html的打包进行设置,怎么设置?还是只能服务端想办法做些什么设置,又如何设置?
用vue-cli3搭建了一个项目,随着项目的开发进度,前前后后也npm run build好多次,前两天run build之后替换dist里的内容发现,打开网址访问页面,没有更新,据说vue-cli3对于css js每次打包后面的哈希值都会改变,从而css js不存在缓存问题,请教下大佬这种情况需不需要对index.html的打包进行设置,怎么设置?还是只能服务端想办法做些什么设置,又如何设置?
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
2 回答4.7k 阅读✓ 已解决
4 回答4.3k 阅读✓ 已解决
没错 vue-cli 每次打包后 css 和 js 如果内容有变化,打包出来的文件名就会变,index.html中的引用地址也会更新
根据你的描述,应该是index.html被客户端缓存了,导致仍然引用旧的 css 和 js。这个在 webpack 这端是无能为力的。你需要在服务器上的 HTTP 引擎(apache、nginx等)中设置对 .html 文件的缓存设置才行。