Nginx 实践应用

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

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

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

「观看时间：20min」

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

部署的流程

流程

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

注意事项

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

windows 安装/启动

前往nginx官网下载最新稳定版的压缩包，放到我们要部署的服务器即可
双击解压后的 nginx.exe 即启动
重启，打开任务管理器，会看到有两个 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 可以快速启动一个本地服务

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

npm i -g http-server

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

http-server

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

最后

以上就是部署项目需要掌握的一些 nginx 安装与配置，希望能够帮助你

本文使用 mdnice 排版

Nginx - 前端部署篇