Chrome and firefox caching local static resources

problem description

in the reform of an old project in the company, the structure is relatively messy. Some of the components in the foreground use vue , others are basically jq , and the background is php . The whole project is similar to jsp . When debugging locally, chrome has been used all the time. After making changes in the js file that needs to be modified, refresh chrome can be displayed normally, but during the test, it is found that there is no change in js on firefox . After clearing cache or ctrl+F5 , the resource content has changed. Although it has been solved, I would like to know what knowledge is involved. I hope you will know what knowledge is involved. Thank you!

PS: development and debugging has been using chrome , after the test found a problem, I used firefox to find the problem.

the environmental background of the problems and what methods you have tried

clear cache and ctrl+F5

related codes

/ / Please paste the code text below (do not replace the code with pictures)
code is not important, it is a local static js , which does not involve vue package refresh.

what result do you expect? What is the error message actually seen?

Jun.08,2021

The

browser cache goes like this:
Let's say you have an address called http://localhost:8089/-sharp/demo. When you come in for the first time, its resources are actually cached by the browser. In fact, it is also kind to avoid asking every time. Reduce your stress.
because your second entry address is still http://localhost:8089/-sharp/demo, it doesn't think you have any resources to modify.
so we usually put a timestamp on the address every time we do a project.
eg:
introduces a js.

into your index.html .
<script type=text/javascript src=./static/js/vendor.47810937849873934234.js>

this solves the caching problem

Menu