【Nginx】前端也应晓得的一些Nginx命令及配置

文章第一时间更新在GH yayxs/reading-writing ，同步更新到 前端厚说 公众号

文中涉及的代码你可以在 GH yayxs/umi-nest

背景

关于前端的话，我们与服务器打交道的机会也是很少的，一般企业公司 都会有专门的运维同学 各司其职。

那么后端（Java等）：他们一般情况下要做的就是接口服务的支持
那么前端（Web等）：咱们主要做的就是写写页面 调调接口

那是不是我们就不需要关注Linux 常用的命令，或者与我无关

场景

那前端切图仔在实际的开发中有没有机会去玩玩运维相关的玩意，是有的

比如说，有这么一个场景，我们利用uni-app 或者三方框架，牵扯到微信分享，这时候我们就需要自己上上传到公司的服务器，比如

像一些分享的其实是h5 的页面，这时候你就可能自己更新你们公司存放h5 页面资源的文件（用xftp 就行）
还有一种场景，就是，前端大平台项目，像（Vue admin）等等，你build之后是要更新一下的
接着就是自己开发的项目，练手项目想要自己部署等等，这就更需要了解常用的配置，或者命令

关键词

以后每一篇的文章多个关键词，主要是 SEO 用

nginx 命令
nginx 常用配置
linux
Nginx服务管理命令
部署
项目打包部署

常用命令及操作

安装Nginx 服务器

CentOS 环境

$ sudo yum install epel-release && yum install nginx

Ubuntu环境
```
$ sudo dnf install nginx 
```

当然，在不同的场景及环境下，安装的命令大体都是类似的操作，接下来就拿一个举例子

检查版本

nginx -v

[root@VM_0_3_centos umi-nest]# nginx -v
nginx version: nginx/1.18.0
[root@VM_0_3_centos umi-nest]#

其中，这个就是咱们的版本 nginx version: nginx/1.18.0

检查配置语法是否合法

nginx -t

[root@VM_0_3_centos umi-nest]# nginx -t
nginx: [emerg] invalid number of arguments in "root" directive in /www/server/panel/vhost/nginx/umi_nest.conf:6
nginx: configuration file /www/server/nginx/conf/nginx.conf test failed

上文，说明我们的配置是有问题的不是吗 failed 至于为什么错误，当然是咱们的配置是有点问题，其实咱们只需要了解基本的配置就像

启动Nginx服务

service nginx start

[root@VM_0_3_centos umi-nest]# service nginx start
Starting nginx... nginx (pid 7691 7690 6001) already running.

说明咱们的nginx 是正在启动

重启Nginx服务

service nginx restart

[root@VM_0_3_centos umi-nest]# service nginx restart
Stoping nginx...  done
Starting nginx...  done

查看Nginx服务状态

service nginx status

[root@VM_0_3_centos umi-nest]# service nginx status
nginx (pid 10352 10351 10350) already running.

重新加载Nginx服务

service nginx reload

[root@VM_0_3_centos umi-nest]# service nginx reload
Reload service nginx...  done

停止Nginx服务

service nginx stop

命令示例

总结

如若权限不够的话，请sudo ,例如 sudo nginx -s reload

nginx -s

reload 重新加载配置

reopen 重启

stop 停止

quit 退出

nginx -s
	reload	重新加载配置
	reopen	重启
	stop	停止
	quit	退出

查看进程的命令 ps -ef |grep nginx

[root@VM_0_3_centos umi-nest]# ps -ef |grep nginx
root     10350     1  0 22:17 ?        00:00:00 nginx: master process /www/server/nginx/sbin/nginx -c /www/server/nginx/conf/nginx.conf
www      10773 10350  0 22:20 ?        00:00:00 nginx: worker process
www      10774 10350  0 22:20 ?        00:00:00 nginx: cache manager process
root     12631 24792  0 22:32 pts/0    00:00:00 grep --color=auto nginx

负载均衡

我们可以通过通过简单的配置实现小小的负载均衡，我们可以举个例子

upstream tomcats{
    server 192.168.25.148:8080 weight=2;
    server 192.168.25.148:8081;
}

server {
    listen       80;
    server_name  tomcat.test.com;
    location / {
        proxy_pass   http://tomcats;
        index  index.html index.htm;
    }
}

只需要在upstream的server后面添加一个weight即可代表权重。权重越高，分配请求的数量就越多。默认权重是1。也就是当请求过来的时候，会有很多的实例来均衡

关联阅读

[10 Most Used Nginx Commands Every Linux User Must Know](10 Most Used Nginx Commands Every Linux User Must Know)
Flutter & Koa2 实战全面升级，试问谁不孤独？（小万字长文）

其中有牵扯到 pm2 等等，

写在最后

关于文中的图片素材有的来自三方网站
关于公众号
- 关于微信公众的DIY 来自 https://www.fotor.com.cn/
这个网站DIY是有水印的，我买了会员，你可以用我的（然后你可以自己按照自己的喜欢DIY一下）会员就没有讨厌的会员
- 用户名youngwanlia@gmail.com
- 密码 youngwanlia@gmail.com
- 这是我们的”组织“ 《前端互鱼》（大大的前端咱们厚厚的说）
- 你可以扫码，笔者前端技能点分享第一时间更新在公众号
关于文章的画图工具软件，draw.io

想说的话

有时候这搞一点那搞一点，加上搬家，（主要是自己懒）差不多已经一个月没有分享了，是有在写的 好吧 25天前，可是前端它更新也太快了

以后好好分享好吧，一块学呗

想分享的资源

文中涉及的 xshell putty xftp6 这些我都放在公众号里（支持正版！！！）需要的话，直接在公众号里取吧，是有的，直接一键就安装了。没事连 linux 搜搜的。省点时间找工具吧，我都有，准备好了

想分享的歌

最近没有听歌，你呢，你最近在听什么？评论区等你

yayxs / front-end-video-tutorial