vue-element-admin项目部署到服务器简要步骤

前言

为了后序测试，运维人员的便捷性，舒适的，我们采用了流水线jenkins自动化部署的方式构建前端项目

具体步骤

部署开发项目到服务器我们需进行：服务器选择，环境配置，上传文件，配置应用程序，启动应用程序几个阶段。

1.对于服务器的配置

可选用了适合自己的服务器

2.配置环境

2.1数据库运行环境

数据库方面我们采用了mysql8，Navicat图形交互界面，并对其进行了安装和环境变量的配置

2.2 java开发工具

我们安装了jdk1.8并对其开发环境进行了配置

2.3自动化部署工具

我们对jenkins进行过了安装与配置，并建立前后端自动化部署项目

2.4web服务器

我们选用了Nginx web服务器，并对进行相应的配置部署文件

这里提示我们配置dist文件时可以把dist文件夹放在Nginx目录下:配置信息相对路径为 root dist

 

若不想移动dist也可以指定路径，将图中红圈出改为指定路径如.../.../../dist

对于其不同的请求路径我们也要进行相应的配置

2.5前端开发环境配置：

node.js

前端依赖下载，这里我们使用的是淘宝镜像下载

每次更新代码，版本是都要重新生成dist文件，这里我们使用xcopy .\dist C:\SoftwareDownloads\nginx-1.25.2\dist /E /Y > nul 命令覆盖原来的dist文件，这样我们只需要使用Jenkins构建项目，就可以自动更新部署了。

成功后我们可在前端工程文件夹下找到我们的依赖存储文件node_modules

构建生产环境

3.上传目标文件

3.1前端文件上传

vue前端开发文件从git仓库clone

3.2后端文件上传

从开发工具打包代码并上传jar架包至服务器

4.启动应用程序

4.1启动程序

我们通过xcopy拷贝文件，通过bat命令直接点击启动jar包