IT虾米网

前后分离的一些问题

shasha 2022年05月14日 程序员 163 0

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

f5

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

ctrl+f5

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

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

Status Code: 200 OK (from disk cache)


评论关闭
IT虾米网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!

使用ACK和NAS快速搭建弹性NGINX网站