前端项目部署

204 阅读2分钟

首先,需要在Linux服务器中安装前端项目运行环境,node是必不可少的,所以下面我们先来安装node。

1.Linux node的安装

执行命令:

wget https://nodejs.org/dist/v17.3.0/node-v17.3.0-linux-x64.tar.xz  // 下载
tar xf node-v17.3.0-linux-x64.tar.xz // 解压

建议安装在usr/local文件夹中;

image.png

2.Linux nginx的安装

简单介绍下nginx,nginx的主要功能是正向代理与反向代理、负载均衡、动静分离;

正向代理:nginx可以做正向代理进行上网等功能。将局域网外的网络想象成是一个大的资源库,如果想要访问局域网外的资源库,则需要通过代理服务器来访问外部资源。

反向代理:其实客户端对反向代理服务器是无感的,客户端访问反向代理服务器,反向代理服务器再将请求转发至目标服务器,只需要暴露代理服务器的地址即可,隐藏了真实的服务器地址。

负载均衡:对于多个请求,nginx将请求分发至不同的服务器上,从而来减轻服务器压力。

动静分离:为了加快网站的解析速度,可以把动态资源(jsp、servlet)和静态资源(js、HTML等)由不同的服务器来解析,加快解析速度,降低原来单个服务器的压力。

2.1 下载

wget http://nginx.org/download/nginx-1.18.0.tar.gz // 下载
tar -xf nginx-1.18.0.tar.gz // 解压

同样也建议安装在usr/local文件夹中。

2.2 安装 编译

cd /usr/local/nginx-1.18.0 // 进入nginx目录
./configure // 检测安装平台的目标特征
make // 编译,它从Makefile中读取指令,然后编译。
make install // 安装,它也从Makefile中读取指令,安装到指定的位置。

2.3 修改配置文件

vim /usr/local/nginx/conf/nginx.conf // 进入配置文件
i //开始编辑
:wq // 保存并退出

文件的配置:

image.png

2.4 启动

/usr/local/nginx/sbin/nginx  -t // 检查配置文件
/usr/local/nginx/sbin/nginx // 启动
/usr/local/nginx/sbin/nginx -s reload // 重启加载配置

2.5 访问

访问服务器的ip即可:

image.png

如果已将前后端项目都部署到服务器,则可直接打开项目进行操作:

image.png

好了,简单的前端项目部署就到这里了,有任何问题都可以评论区提问哦~

如有不对之处还请大家不吝赐教~