最简单最高效的部署前端代码在这里，都看一看瞧一瞧了~
准备工作：
一、拥有一台linux服务器
二、linux服务器安装nginx
三、配置nginx.conf
四、上传本地写好的前端代码
五、重启nginx并访问前端页面
一、
准备一台linux服务器，配置无要求
二、安装nginx
环境部署
安装 nginx 需要先将官网下载的源码进行编译，编译依赖 gcc 环境
| yum install gcc-c++ |
nginx 的 http 模块使用 pcre 来解析正则表达式，所以需要在 linux 上安装 pcre 库，pcre-devel 是使用 pcre 开发的一个二次开发库。nginx也需要此库：
| yum install -y pcre pcre-devel |
zlib 库提供了很多种压缩和解压缩的方式， nginx 使用 zlib 对 http 包的内容进行 gzip ，所以需要在 Centos 上安装 zlib 库。
| yum install -y zlib zlib-devel |
OpenSSL 是一个强大的安全套接字层密码库，囊括主要的密码算法、常用的密钥和证书封装管理功能及 SSL 协议，并提供丰富的应用程序供测试或其它目的使用。
nginx 不仅支持 http 协议，还支持 https（即在ssl协议上传输http），所以需要在 Centos 安装 OpenSSL 库。
| yum install -y openssl openssl-devel |
下载安装
下载
| wget -c https://nginx.org/download/nginx-1.10.1.tar.gz |
解压
| tar -zxvf nginx-1.10.1.tar.gz cd nginx-1.10.1 |
配置
| ./configure --prefix=/usr/local/nginx --with-http_stub_status_module --with-http_ssl_module |
编译安装
| make make install |
查找安装路径：
| whereis nginx |
基本命令
启动、停止nginx
需要进入nginx安装目录下/usr/local/nginx/sbin进行启动
| cd /usr/local/nginx/sbin/ ./nginx ./nginx -s stop ./nginx -s quit ./nginx -s reload |
./nginx -s quit:此方式停止步骤是待nginx进程处理任务完毕进行停止。
./nginx -s stop:此方式相当于先查出nginx进程id再使用kill命令强制杀掉进程。
查询nginx进程：
| ps aux|grep nginx |
重启 nginx
1.先停止再启动（推荐）：
对 nginx 进行重启相当于先停止再启动，即先执行停止命令再执行启动命令。如下：
| ./nginx -s quit ./nginx |
2.重新加载配置文件：
当 ngin x的配置文件 nginx.conf 修改后，要想让配置生效需要重启 nginx，使用-s reload不用先停止 ngin x再启动 nginx 即可将配置信息在 nginx 中生效，如下：
| ./nginx -s reload |
启动成功后，在浏览器可以欢迎界面
开机自启动
或者设置nginx服务
创建文件
| ln /usr/lib/systemd/system/nginx.service |
内容如下
| [Unit] Description=nginx - high performance web server After=network.target remote-fs.target nss-lookup.target [Service] Type=forking ExecStart=/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf ExecReload=/usr/local/nginx/sbin/nginx -s reload ExecStop=/usr/local/nginx/sbin/nginx -s stop [Install] WantedBy=multi-user.target |
以754的权限保存在目录
设置开机启动
| systemctl enable nginx.service |
#启动nginx服务
| systemctl start nginx.service |
#停止nginx服务
| systemctl stop nginx.service |
#重启nginx服务
| systemctl restart nginx.service |
#重新读取nginx配置(这个最常用, 不用停止nginx服务就能使修改的配置生效)
到这里相信大家都已经安装完nginx并已启动
三、配置nginx.conf
进入nginx下的conf目录
输入 vim nginx.conf命令
点击键盘“i”编辑模式
编辑server中root后面的内容，此路径自己设定，也就是上传代码到服务器的路径
点击esc退出，命令框输入“：wq”保存并退出
四、上传本地写好的前端代码
安装上传文件压缩、解压包
上传文件安装命令：
yum provides */rz
解压压缩包安装命令：
yum install -y unzip zip
都安装完后输入rz
弹出框，选择本地的前端项目压缩包到前面配置的路径下
上传成功，输入unzip www_project.zip解压
五、重启nginx并访问前端页面
进入nginx的sbin目录下输入重启命令
./nginx -s reload
没报错即可
最后一步，验证部署完的前端项目
输入公网ip+访问地址
如：http://服务器ip地址/html/index.html
访问成功
注：只要目录没改变，只是改动了代码，上传即可，无需重启nginx
也可以配置多个server服务，前提是一个服务对应一个端口号，一个端口号只能监听一个服务器，所以配置多个端口号需要进入阿里云后台安全组中自己去添加
图片未加载成功，需要对应图片的访问以下链接
文档：nginx部署前端代码到linux系统.note
链接：http://note.youdao.com/noteshare?id=9ea50f99523308c2d54cd8302b9a039b&sub=91854B6CE1DE4FFBBD7E95F0604F3F66
PS：各文档教程如下
Nginx的启动、停止、重启
https://www.cnblogs.com/codingcloud/p/5095066.html
linux安装zip、unzip
https://blog.csdn.net/kkw1992/article/details/79730982
linux上传文件教程
