Problems with browser caching

I have been working on a vue project recently, and the server released by the project is nginx; has a very caching problem. I don"t know what the reason is. The
project has the following meta tag in index.html:

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">

this tag does not use caching, but every time a new project is released, after the browser requests that the resource is refreshed by from disk cache, it seems to change to from memory cache, which causes the new version to not take effect and needs to clear the cache. But what I don"t understand is that I didn"t do the caching operation in the project. Is it the default? How should the request be resolved? What should the correct cache posture of the project look like? Thank you.


what is written in html does not affect static resource files (js, css),
you can see from the figure that static resources are cached and need to modify nginx configuration

clipboard.png

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e98c1b-4ebcf.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e98c1b-4ebcf.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?