chrome和firefox对本地静态资源缓存问题

Question

问题描述在改公司一个老项目，结构比较乱，前台部分组件用到vue，其他基本上是jq，后台是php，整个项目类似于jsp。本地调试时，一直用的chrome，在需要修改的js文件里面做出修改后，刷新chrome没问题能正常显示，但是测试时发现firefox上该js没有任何变化，清除缓存或ctrl+F5后资源内容发生了变化，虽然解决了，但是我很想知道这其中究竟涉及到了什么知识，望各位前辈不吝赐教！谢谢！PS:开发调试一直用的chrome，测试发现问题后我才用firefox去查问题的。问题出现的环境背景及自己尝试过哪些方法清缓存和ctrl+F5相关代码// 请把代码文本粘贴到下方（请勿用图片代替代码）代码不重要，就是本地一个静态的js，不涉及vue打包刷新。你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

浏览器缓存是这样的:
比如说你有一个地址是http://localhost:8089/#/demo这个. 当你第一次进来之后其实它的资源就被浏览器缓存下来了. 其实它也是好心, 避免每一次都去请求. 减少你的压力.
因为你第二次进来地址还是http://localhost:8089/#/demo 所以它就不认为你有什么资源进行了修改.
所以我们一般在做项目的时候每次发布都会在地址上加上时间戳.
eg:
在你的index.html中引入了一段js.

<script type=text/javascriptsrc=./static/js/vendor.6a0ebc1e404e6fe66792.js>

第一次进来可能是这样的. 但是第二次进来你要改变它的名字

<script type=text/javascriptsrc=./static/js/vendor.47810937849873934234.js>

这样就解决缓存问题了