首先,需要在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文件夹中;
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 // 保存并退出
文件的配置:
2.4 启动
/usr/local/nginx/sbin/nginx -t // 检查配置文件
/usr/local/nginx/sbin/nginx // 启动
/usr/local/nginx/sbin/nginx -s reload // 重启加载配置
2.5 访问
访问服务器的ip即可:
如果已将前后端项目都部署到服务器,则可直接打开项目进行操作:
好了,简单的前端项目部署就到这里了,有任何问题都可以评论区提问哦~
如有不对之处还请大家不吝赐教~