如何部署前端代码

大家好，这里是修真院前端小课堂，今天给大家分享的是

《如何部署前端代码》

一。背景介绍

现在的项目一般都是前后端分离，前端的代码是单独部署在服务器上的，那么今天我们就简单的介绍一下部署代码的时候需要注意什么，如何才能让我们的网站性能得到优化

二。知识剖析

状态码：304 与 200

304 与 200 这两个状态码在缓存这些知识点中经常被提到，关于他们与缓存的具体关系可以查看《强制缓存与协商缓存》这个小课堂，这里只做一个简单的介绍。

304: 重定向，告诉用户请求的文件被转移到了别处。

200: 代表请求已成功被服务器接收、理解、并接受。

区别在于 304 发送了一次 http 请求，但是 200 没有。

用户是如何访问页面的

将文件放到服务器，等待用户访问。用户发出 http 请求，服务器将对应的文件发给用户，并返回状态码 200. 但是这样，每次用户访问页面都要发送请求，这样很影响性带宽。所以我们希望最好利用 304，让浏览器使用本地缓存。但 304 叫协商缓存，还是要和服务器通信一次，我们的目标是减少 http 请求

如何避免 304 请求

强制浏览器使用本地缓存（cache-control/expires），不要和服务器通信。那问题来了：当我们需要更新文件的时候怎么办？很好，相信有人想到了办法：通过更新页面中引用的资源路径，让浏览器主动放弃缓存，加载新资源。比如像官网项目中就是采用的这种方法，比如对于 index.html 文件，我们会在这个文件名后面加上版本号：index.html?ver=53. 下次上线，把链接地址改成新的版本，资源就会更新了。

三。常见问题