【虚拟机】在Linux环境中nginx部署前端项目

【虚拟机】在Linux环境中nginx部署前端项目

主要分为3个步骤：在VMware中安装Centos7虚拟机，下载Xshell、Xftp软件（操作非常方便）、Centos7下部署nginx，布置前端项目

一、在VMware中安装Centos7虚拟机

Centos7下载地址： centos-7.9.2009-isos-x86_64安装包下载_开源镜像站-阿里云 (aliyun.com)

常用的命令：

1、点击“i”按钮:编辑文本；

2、点击"ESC"+“：wq”按钮:退出文本

接下来的步骤：https://blog.csdn.net/m0_73610379/article/details/136882336?spm=1001.2014.3001.5501

根据上面的步骤就安装好了Centos7虚拟机,重启后就输入账号与密码进入

二、下载Xshell、Xftp软件（使操作更方便）

1、下载软件：

Xshell官网下载安装包： https://www.xshell.com/zh/xshell/

Xftp官网下载安装包： https://www.xshell.com/zh/xftp/

(下载的步骤很简单就跟着提示一步一步来)

2、登录软件后点击文件新建一个会话

然后就输入账号与密码进入，在Xftp软件里也是同理，Xftp软件可以将自己电脑里的文件拖入到虚拟机中，然后就可以在Xshell中布置nginx。

部署nginx：

1.yum安装

 rpm -ivh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm 

运行上面命令，运行成功后就会出现新的文件nginx.repo文件

可以进入使用cd命令进入 etc/yum.repos.d/ ，用ls查询
执行这个命令开始安装：yum install -y nginx

2.下载Xshell、Xftp软件（操作非常方便）、Centos7下部署nginx
进入官网下载：nginx: download

然后在虚拟机中新建文件夹来存放nginx的文件

将刚刚下载的压缩包上传到虚拟机新建的文件夹中

#在虚拟机中建文件夹命令： mkdir -p /usr/local/nginx
[root@localhost yum.repos.d]# mkdir -p /usr/local/nginx
#进入这个文件夹
[root@localhost yum.repos.d]# cd /usr/local/nginx/
#查看文件夹里的含有的文件
[root@localhost yum.repos.d]# ll
#给文件解压
[root@localhost nginx]# tar -zxvf nginx-1.22.1.tar.gz

同时可以在Xftp中再次新建一个文件夹（名字没有要求），把dist文件夹拖入到这个在虚拟机中新建的文件夹中。我是在usr文件夹下先建了名字为tl_02的文件夹，然后把dist拖进去

3. 安装编译环境

   分别运行一下命令

   yum -y install gcc-c++
   
   yum install -y pcre pcre-devel
   
   yum install -y zlib zlib-devel
   
   yum install -y openssl openssl-devel
   
   

   然后进入解压后的文件里
   

继续输入make命令，make install命令

然后检查是否安装成功

浏览器访查看访问 IP:80,出现以下界面就说明部署nginx成功，注意：需要关闭防火墙，启动nginx

启动nginx命令： ./nginx

关闭防火墙 命令：systemctl stop firewalld

三、部署前端项目

curl localhost ：向本地主机发送一个 HTTP 请求，尝试连接到本地主机上的默认端口并获取响应。

在nginx文件包下通过命令ll进行查看文件，

修改nginx.conf文件的内容


通过浏览器输入IP,就可以进入前端页面了