Nginx 实践应用
nginx 是啥,我就不介绍了,第一次接触实在 2 年前第一次部署前端项目,最近有小徒弟说部署不太清楚,我就简单记录下我所掌握的有关 nginx 的知识点,仅限于部署...想要看负载均衡,反向代理什么的,平时用到的少,这里就不多说了,就是简单的配置项
平时部署也不能总是麻烦人家后端,实施...
「适合人群:小白 没有部署过项目的」
「观看时间:20min」
「说明:此文章仅限 nginx 部署」
部署的流程
流程
打包 => 下载 nginx => 配置 nginx => 启动 nginx
注意事项
- 修改了 nginx 配置文件需要重启 nginx,修改部署文件不需要重启;
- 一般服务器限制端口,配置项的端口需要运维大佬帮忙开端口
- windows linux 安装方式不一样,配置项大同小异,有运维大佬会的话,最好交给运维大佬吧
windows 安装/启动
- 前往nginx官网下载最新稳定版的压缩包,放到我们要部署的服务器即可
- 双击解压后的 nginx.exe 即启动
- 重启,打开任务管理器,会看到有两个 nginx 进程,分别结束再启动就行了,有命令也可以重启,懒得记
linux 安装
我很讨厌装 linux 的 nginx,自行安装吧,有运维大佬的话,打包成 docker 很舒服,没有的话自己苦逼尝试吧,下面给两个版本的
配置项
关于配置项我们不需要每一项都了解,基础的服务配置掌握即可,配置项在 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 排版