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

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

阅读 6.2k
1 个回答

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题