阅读 114

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
复制代码
  1. 进入对应打包完成的目录执行 http-server 即启动
http-server
复制代码

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

最后

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

本文使用 mdnice 排版