Nginx - 前端部署篇

---

Nginx 实践应用

nginx 是啥，我就不介绍了，第一次接触实在 2 年前第一次部署前端项目，最近有小徒弟说部署不太清楚，我就简单记录下我所掌握的有关 nginx 的知识点，仅限于部署...想要看负载均衡，反向代理什么的，平时用到的少，这里就很少说了，就是简单的配置项

平时部署也不能老是麻烦人家后端，实施...

「适合人群：小白 没有部署过项目的」

「观看时间：20min」

「说明：此文章仅限 nginx 部署」

部署的流程

流程

打包 => 下载 nginx => 配置 nginx => 启动 nginx

注意事项

• 修改了 nginx 配置文件须要重启 nginx,修改部署文件不须要重启;
• 通常服务器限制端口，配置项的端口须要运维大佬帮忙开端口
• windows linux 安装方式不同，配置项大同小异，有运维大佬会的话，最好交给运维大佬吧

windows 安装/启动

1. 前往 nginx官网下载最新稳定版的压缩包，放到咱们要部署的服务器便可
2. 双击解压后的 nginx.exe 即启动
3. 重启，打开任务管理器，会看到有两个 nginx 进程，分别结束再启动就好了,有命令也能够重启，懒得记

linux 安装

我很讨厌装 linux 的 nginx,自行安装吧，有运维大佬的话，打包成 docker 很舒服，没有的话本身苦逼尝试吧，下面给两个版本的

Centos6.5 下安装 Nginx

centos7.x 安装 Nginx（无网络）

配置项

关于配置项咱们不须要每一项都了解，基础的服务配置掌握便可,配置项在 nginx-1.18.0\conf\nginx.conf

http {
 # 开启gzip压缩  # gzip on;   server {  # 服务器端口  listen 80;  # 服务器地址  server_name 192.168.1.16;   location / {  # 服务默认访问地址 用绝对路径  root D:/routine/Project/;  # 服务默认访问页面  index index.html index.htm;  }   } } 复制代码

若是须要配置多个端口，复制 server 配置便可

快速启动一个本地服务查看打包后的效果（和nginx无关）

使用 http-server 能够快速启动一个本地服务

1. 安装 http-server,全局安装一次，后面就不用安装了

npm i -g http-server
复制代码

2. 进入对应打包完成的目录执行 http-server 即启动

http-server
复制代码

启动成功后有对应的地址，访问就好了

最后

以上就是部署项目须要掌握的一些 nginx 安装与配置，但愿可以帮助你

本文使用 mdnice 排版