前言 文章有点长，如果你是以学习的态度来看这篇文章，建议收藏起来慢慢看。 前端自动化部署一直以来概念很清楚知道怎么回事，但是其中怎么操作没怎么研究过。

笔者一天要说100次“哥，代码更新了，打包上传下吧，球球了”，终于我实在受不了了（上传代码的这位哥也受不了了），于是想通过 Jenkins 实现简单的前端项目自动打包部署。

前端部署其实是一个非常严肃的问题，对于大型应用24小时都有人访问，如果你还是用覆盖式更新的方式部署，肯定会导致页面出错的情况发生，因此，这就涉及到先全量部署静态资源，再灰度部署页面的部署流程了。

经过对浏览器缓存优化方案的调研和实现过程，我发现了一个令人意外的发现：页面加载速度提升了整整48.5%！

当一个没有管理经验前端架构师，在国企接手了一个烂摊子！怎么在团队和项目都快速膨胀的情况下，让大家信服，并让前端效率极剧提高呢？从技能、工程、架构、管理角度切入，做一个优秀的前端架构师。

1. 先要安装 Java 依赖包 2. 安装下载工具 wget 3. 下载 jenkins 依赖 4. 导入秘钥 5. 安装 Jenkins 6. jenkins相关目录释义： /etc/sysconfig/jenkins：jenkins配置文件，“端口”，“JENKINS_H…

由于前端技术的蓬勃发展和你自身的不断努力，很多小伙伴已经打通了任督二脉，做到了前后端通吃。你们就是自己程序世界里的神，在这里你们无所不能，创造世界，制定规则和逻辑。当一个属于你的世界做好后，你需要展示给朋友，发布于众人，让爱你的人欣赏。这时候我们需要一个强有力的服务器作为容器，…

遇到前端部署问题怎么办？nginx、端口、https域名怎么配置，跨域问题咋整，react/vue项目怎么部署，什么是反向代理，请您耐心往下看。本文通俗易懂，可操作，旨在抛砖引玉。要是帮到了您，还请顺便点个赞。 当你兴致勃勃买了台服务器，然后规划着美好的未来，规划搭建平台。问题…

这样操作之后，当我们改应用配置文件，/etc/nginx/conf.d/ 下与之对应的配置文件也会被修改，修改后重启 nginx 就能够使新的 ngxin 配置生效了。