nginx

  1. 设置index.html不缓存
    因为项目都是工程化打包,所以每次发包,除了index.html,其他文件的后缀都是带MD5串的。此时要在nginx设置不缓存index.html,避免浏览器访问的是旧的文件,导致脚本文件404
  2. history模式路由
    路由采用history模式时,需要nginx配置路由try_files $uri /index.html;
    因为项目只有一个html,但是每访问一个路径都会寻找对应路径下的html,找不到,就让他找根目录下的

浏览器的enter、f5、ctrl+f5

前提,nginx服务器不做特殊的配置

enter

Cache-Control: max-age=0
Status Code: 304 Not Modified

image.png

f5

Cache-Control: max-age=0
Status Code: 304 Not Modified

image.png

ctrl+f5

Cache-Control: no-cache
Status Code: 200 OK

image.png

打开浏览器,直接输入url,按enter
没有Cache-Control,已缓存在硬盘的静态资源不会发起网络请求

Status Code: 200 OK (from disk cache)

image.png


southnan0
156 声望8 粉丝

欲买桂花同载酒,终不似,少年游