前后分离的一些问题

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

前后分离的一些问题_第1张图片

f5

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

前后分离的一些问题_第2张图片

ctrl+f5

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

前后分离的一些问题_第3张图片

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

Status Code: 200 OK (from disk cache)

前后分离的一些问题_第4张图片

你可能感兴趣的