项目在linux服务器上部署详细教程

项目在linux服务器上部署详细教程


项目在linux服务器上部署详细教程_第1张图片


本文主要从以上7个内容进行阐述


linux服务器安装jdk

linux服务器安装Nginx

从git上clone项目到本地

使用gitBash工具,克隆项目到本地:
项目在linux服务器上部署详细教程_第2张图片

本地编译项目

运行cmd,进入到项目根目录:执行 npm install (安装依赖包)
项目在linux服务器上部署详细教程_第3张图片
安装好之后执行:rpm run dev
在这里插入图片描述
之后执行:rpm run build
在这里插入图片描述
这里会在根目录下生成一个dist的文件夹:
项目在linux服务器上部署详细教程_第4张图片

上传本地编译好的项目到服务器

使用7Z将dist文件夹打包成tar文件:
项目在linux服务器上部署详细教程_第5张图片
使用winscp软件上传dist.tar文件到服务器上:
项目在linux服务器上部署详细教程_第6张图片
在服务器上查看文件:
项目在linux服务器上部署详细教程_第7张图片
将dist.tar文件解压到Nginx安装目录下的html文件下:/usr/local/nginx/html
项目在linux服务器上部署详细教程_第8张图片

配置服务器反向代理

打开Nginx的配置文件:nginx.conf,添加以下信息:
项目在linux服务器上部署详细教程_第9张图片

访问项目测试

打开电脑浏览器,访问服务器,出现以下界面。项目部署成功。

你可能感兴趣的:(项目部署)