本文整理了 Nginx 常见的命令与配置，希望各位看官对 HTTP 有一定了解并能看懂基础的正则表达式；建议配合笔者的 《20分钟，巩固你的HTTP知识体系》 这篇文章一同食用。

大家好，我叫小杜杜，作为一名小前端，只需要好好写代码，至于部署相关的操作，我们通常接触不到，正所谓专业的人干专业的事，我们在工作中并不需要去配置，但这并不代表不需要了解，相信大家都听过nginx

计算机网络把各地的计算机连接了起来，只要有一台可以上网的终端，比如手机、电脑，就可以访问互联网上任何一台服务器的资源（包括静态资源和动态的服务）。 作为开发者的我们，就是这些资源、服务的提供者，把资源

背景 目前很多前端项目虽然采用了很多新技术，但是最终还是会被编译成es5，这样就能在较低版本的浏览器中运行了，但现实情况是现在的浏览器都已经比较成熟，压根不用编译成es5再运行了，而谷歌一位工程师在1

日常工作中，几乎每个项目都是由多个人进行维护，每个人的代码书写习惯和风格又不尽相同，在这种情况下，规范和约束就显得尤为重要！

使用Vue做前后端分离项目时，通常前端是单独部署，用户访问的也是前端项目地址，因此前端开发人员很有必要熟悉一下项目部署的流程与各类问题的解决办法了。 Vue项目打包部署本身不复杂，不过一些前端同学可能

文章重点讲的是贴合实际场景把灰度方案落地，也列了一些常见的灰度发布方案做比较，在文章结尾给大家留了一些相关的代码，方案千千万，选择自己业务场景符合最重要

一、模块化工具 模块化是一种处理复杂系统分解为更好的可管理模块的方式 可以用来分割，组织和打包应用。每个模块完成一个特定的子功能，所有的模块按某种方法组装起来，成为一个整体(bundle) 在前端领域

一些常见是nginx使用场景，包括：自动适配PC/移动端、限制访问设备、前端单页面应用404问题、防盗链、动静分离、权限控制等nginx配置介绍