Nignx部署前端页面

短命女 2023-09-27 12:46 98阅读 0赞

### 1.在Linux找到nginx的配置 ###

![在这里插入图片描述][59f7747fb7814cf6b8973a070086f657.png]

### 2.使用vim命令打开nginx.conf ###

> vim nginx.conf

### 3.找到server块 ###

> 将server\_name改为服务器ip地址

![在这里插入图片描述][9ee885b89e5c4bd48d5e49be4254ebc8.png]

### 4.按照原有的location块新建一个同样的location块 ###

`如果有多个就新建多个`  
![在这里插入图片描述][bf8bd0d6915943b195d0836cb38a2742.png]  
![在这里插入图片描述][a71d8450d6c94cda8d692848caf1cd3f.png]

### 5.将要部署的前端页面上传到自己知道的linux中的位置 ###

> 我这里是存放在  
> data/www  
> data/world  
> data/china  
> data/image  
> 这四个中

![在这里插入图片描述][e0c73266783a4c26b5f96e4fa683e399.png]  
![在这里插入图片描述][3fa8dc1b6ba749728db9695cd5c328fa.png]

### 6.部署好了之后退出vim模式并且重启nginx ###

> :wq  
> ./nginx -s reload

### 7.开放80端口 ###

> nginx的默认端口是80，我们需要在防火墙中开放这个端口

命令如下

查看开放的端口号
    firewall-cmd --list-all
    
    设置开放的端口号:firewall-cmd --add-service=端口号/tcp –permanent
    firewall-cmd --add-port=80/tcp --permanent
    
    重启防火墙
    firewall-cmd –reload

![img][]

### 8.查看nginx运行情况 ###

> 启动nginx 进入到sbin目录 执行 ./nginx启动

![在这里插入图片描述][c48ae40adde04aa0a756b4bfd0d5d096.png]

[root@ecs-218164 sbin]# ./nginx  
    [root@ecs-218164 sbin]# ps -ef | grep nginx
    root     30388     1  0 17:05 ?        00:00:00 nginx: master process ./nginx
    nobody   30389 30388  0 17:05 ?        00:00:00 nginx: worker process
    root     30391 22627  0 17:05 pts/0    00:00:00 grep --color=auto nginx

[Nginx教程][Nginx]

[59f7747fb7814cf6b8973a070086f657.png]: https://img-blog.csdnimg.cn/59f7747fb7814cf6b8973a070086f657.png
[9ee885b89e5c4bd48d5e49be4254ebc8.png]: https://img-blog.csdnimg.cn/9ee885b89e5c4bd48d5e49be4254ebc8.png
[bf8bd0d6915943b195d0836cb38a2742.png]: https://img-blog.csdnimg.cn/bf8bd0d6915943b195d0836cb38a2742.png
[a71d8450d6c94cda8d692848caf1cd3f.png]: https://img-blog.csdnimg.cn/a71d8450d6c94cda8d692848caf1cd3f.png
[e0c73266783a4c26b5f96e4fa683e399.png]: https://img-blog.csdnimg.cn/e0c73266783a4c26b5f96e4fa683e399.png
[3fa8dc1b6ba749728db9695cd5c328fa.png]: https://img-blog.csdnimg.cn/3fa8dc1b6ba749728db9695cd5c328fa.png
[img]: https://img-blog.csdnimg.cn/img_convert/dfae008d46e5197d6e12416ba552f2c7.jpeg
[c48ae40adde04aa0a756b4bfd0d5d096.png]: https://img-blog.csdnimg.cn/c48ae40adde04aa0a756b4bfd0d5d096.png
[Nginx]: https://blog.csdn.net/weixin_50569789/article/details/125761694?spm=1001.2014.3001.5502