CDN缓存在前端中会造成的问题

简介

这里我只简单的说一下这是什么，想具体了解的话，直接百度CDN缓存就有详细说明了；

CDN缓存属于服务器缓存，相当于代理。其次还有HTTP缓存，属于浏览器缓存，相当于商家；
当用户发起请求时，先在浏览器找缓存，如果有，就拿过来用，否则就往下一级找，也就是CDN，如果CDN缓存也没有，或者过期了，那么最终才会向源服务器发起请求。
优势：CDN缓存能减少服务器压力；

问题

在前端中，CDN会造成的问题：
当项目更新时，CDN没有刷新，用户请求到CDN，返回旧的地址，但是旧的地址 已经不存在，被新的地址替换了，就会出现：Uncaught SyntaxError: Unexpected token < 这样的报错，并且页面空白；等待一段时间，多次刷新之后，页面就会正常显示了。

原因

项目打包的文件同名了，导致CDN误以为是一样的，没有更新；

解决方法：

1、在打包时，插入版本号规则，包含但不限于（时间戳、uuid）等方法，来区别更新后的打包文件；
2、强制刷新CDN缓存，当项目更新时，可选择更新的页面强制刷新CDN，也可以直接整个项目一起刷新；