超详细SpringBoot+Vue项目部署(两个Vue项目)

超详细SpringBoot+Vue项目部署(两个Vue项目)
文章目录
部署进阶篇：docker部署
博客地址：http://t.csdn.cn/8NJe8

1：项目部署所使用的工具或资源
1. Xshell：用于在本机Windows界面访问远端不同系统下的服务器。
  
  Xshell官网
2. Xftp：Xftp是一个功能强大的SFTP、FTP 文件传输软件。使用了 Xftp 以后，MS Windows 用户能安全地在 UNIX/Linux 和 Windows PC 之间传输文件。
  
  Xftp官网
3. Postman：Postman是一个接口测试工具，本次部署中用于测试后端接口。
  
  相较于Postman，可以有更好的选择即ApiFox。在本次部署中为方便采用Postman。
4. Nginx：Nginx是一个高性能的 HTTP 和反向代理服务器，可以作为静态页面的 web 服务器
5. ECS服务器或者轻量应用服务器：
  可以选择大厂云服务器供应商，如阿里、腾讯、华为。本次部署中采用腾讯云服务器。
  
  我购买的云服务器配置是2核2GB，镜像为CentOS 7.6
2：SpringBoot项目部署

 2.1更改跨域配置

将跨域配置修改为云服务器的公网ip

2.2项目打包

一：首先打开maven，在maven生命周期选择clear选项，clear命令是maven的清除命令，这一步的目的是为了清空target目录下的所有内容。

二：选择package选项，将项目打成jar包。

三：控制台出现BUILD SUCCESS就表示打包成功

四：查看target目录，找到打包好的项目jar包。

2.3部署jar包

 2.3.1上传jar包和静态资源文件

一：查看SpringBoot项目服务端口：我的是8090

二：在控制台开放相应端口

三：打开Xshell，输入云服务器公网ip创建一个新的会话。

四：双击刚刚创建的会话进行连接，输入用户名和密码

五：密码如果忘记的话到控制台中进行修改：

连接成功：

六：创建新目录，并将jar包通过Xftp传输到新创建的目录当中，如果有静态资源的话就传输到jar包的同级目录下：

2.3.2安装JDK

jdk官网：Java Downloads | Oracle

下载Linux版本：

一：将JDK传输到项目目录

二：解压至自定义目录（一般是 /usr/local）
```
tar -xzvf jdk-8u291-linux-x64.tar.gz -C /usr/local/
1
```
二：配置环境变量。进入到/etc目录下，用vim编辑器在 profile 文件中添加四个变量。
```
export JAVA_HOME=/usr/local/jdk1.8.0_291
export JRE_HOME=$JAVA_HOME/jre
export CLASSPATH=.:$JAVA_HOME/lib:$JRE_HOME/lib
export PATH=/bin:/usr/bin:$PATH:$JAVA_HOME/bin:$PATH
1
2
3
4
```
JDK11环境配置
```
export JAVA_HOME=/usr/local/jdk-11.0.18
export CLASSPATH=.:$JAVA_HOME/lib
export PATH=$JAVA_HOME/bin:$PATH
export JAVA_HOME CLASSPATH PATH
1
2
3
4
```
三：刷新配置
```
source /etc/profile

**四：查看jdk是否安装成功**
java -version
1
2
3
4
```
2.3.3安装MySQL

一：在控制台开发MySQL服务端口3306

二：在jar包同级目录下创建目录用于存放MySQL安装包

三：将MySQL安装包传输到刚刚创建的目录下，并解压

MySQL安装包百度云地址（版本8.0.26）
提取码：xha8

解压命令：
```
tar -xvf mysql-8.0.26-1.el7.x86_64.rpm-bundle.tar 
1
```
四：查看解压后的MySQL压缩包

五：清空linux自带的数据库（因为CentOS自带一个老版本的mariadb-libs与当前mysql包的冲突，故需要先卸载，再安装）
```
rpm -qa | grep Mysql
1
```
```
rpm -qa | grep mariadb
1
```
卸载已有的数据库：（卸载会把这个包的依赖包也一起卸载）
```
yum -y remove mariadb-libs.x86_64
1
```
六：开始安装 mysql，依次执行下述命令

安装依赖：
```
yum install libaio
1
```
依次执行以下命令：
```
rpm -ivh mysql-community-common-8.0.25-1.el7.x86_64.rpm
rpm -ivh mysql-community-client-plugins-8.0.25-1.el7.x86_64.rpm 
rpm -ivh mysql-community-libs-8.0.25-1.el7.x86_64.rpm 
rpm -ivh mysql-community-client-8.0.25-1.el7.x86_64.rpm 
rpm -ivh mysql-community-server-8.0.25-1.el7.x86_64.rpm
1
2
3
4
5
```
七：查看MySQL的安装情况：
```
rpm -qa|grep -i mysql
1
```
八：启动MySQL服务并查看服务状态
```
systemctl start mysqld.service
systemctl status mysqld.service 
1
2
```
九：查看MySQL初始化密码
```
grep "password" /var/log/mysqld.log
1
```
十：登录MySQL并修改初始密码
```
mysql -u root -p
1
```
修改密码：

注意：此数据库的密码要和jar包项目所连接的数据库的密码相同，否则会连接不上

mysql8.0之后的版本加入密码安全度检测机制，如果设置密码过于简单会导致报错

下面将更改MySQL的密码安全设置：

1. 首先查看当前MySQL的密码安全设置
```
SHOW VARIABLES LIKE 'validate_password%';
1
```
2. 更改密码长为6，密码安全策略等级为LOW
```
set global validate_password.length=6;
set global validate_password.policy=LOW;
1
2
```
3. 查看更改后的密码安全设置

4. 更改密码
```
ALTER USER 'root'@'localhost' IDENTIFIED BY '密码';
1
```
2.3.4导入sql文件资源

一：打开Navicat，右键数据库->转储sql文件->结构和数据

二：将sql文件通过Xftp传输到项目目录中

二：创建数据库

切记：创建的数据库名要和SpringBoot中配置文件当中配置的数据库url的数据库名保持一致。
```
create database 数据库名;
show databases;
1
2
```
二：进入创建的数据库，导入sql文件资源
```
use 数据库名;
source sql文件相对路径/sql文件名
1
2
```
查询测试：
```
select * from 表名;
1
```
2.3.5运行jar包

一：进入jar包目录下

nohup 英文全称 no hang up（不挂起），用于在系统后台不挂断地运行命令，退出终端不会影响程序的运行。

执行命令：
```
nohup java -jar myMusic-0.0.1-SNAPSHOT.jar &
1
```
二：查看日志文件
```
cat -n nohup.out
1
```
后端项目已经成功在8090端口运行

三：注意：如果操作不当导致jar包并没有在相应端口运行，但是已经占用进程的情况，再次运行jar包会报错的解决方案，

查看当前所有进程
```
ps sux
1
```
杀死该进程：
```
kill -9 进程ID
1
```
再次执行运行jar包命令即可。

2.4接口测试

一：打开Postman，输入要测试的接口，显示测试成功

在nohub.out日志文件中可以查看到日志信息（需要在SpringBoot配置文件中配置mybatis-plus的日志文件）

3.Vue项目部署

 3.1更改代理服务器、axios、Vuex配置

将上述三种的url路径由原来的localhost（本地化部署时）更改为云服务器公网IP

一：代理服务器

二：axios接口配置

三：Vuex

3.2将项目打包上传到云服务器

一：打开控制台，输入以下命令打包
```
npm run build
1
```
二：在项目根目录下会自动生成一个dist文件夹

三：有两个Vue项目的另一个和上述操作一样，将两个dist文件分别重命名，等待Nginx安装完成后上传到服务器

3.3Nginx安装

Nginx百度云网盘地址

提取码：xha8

一：将下载好的Nginx安装包发送到服务器中项目的根目录下

二：解压安装包到当前目录
```
tar -xzvf nginx-1.18.0.tar.gz
1
```
安装包可以删除

三：安装相应依赖

安装gcc
```
yum install -y gcc
1
```
安装perl库
```
yum install -y pcre pcre-devel
1
```
安装zlib库
```
yum install -y zlib zlib-devel
1
```
四：进入到nginx-1.18.0目录下，并执行以下命令

源码编译安装
```
./configure
1
```
执行make命令
```
make
1
```
执行make install命令
```
make install
1
```
安装完成

五：启动Nginx服务

进入到以下目录并执行./nginx命令启动Nginx服务
```
cd /usr/local/nginx/sbin/
./nginx
1
2
```
在本地输入云服务器公网ip，出现以下界面就表示Nginx安装成功。

3.4部署第一个Vue项目

 3.4.1将已经打包好的dist文件传送到nginx以下指定目录
```
cd /usr/local/nginx/html
1
```
3.4.1修改nginx.conf配置文件

一：进入到nginx目录下的conf目录，找到nginx.conf配置文件

二：使用vim编辑 nginx.conf配置文件

解决Vue项目部署后刷新404的问题
```
try_files $uri $uri/ /index.html;
1
```
三：在控制台开发相应端口

四：保存并退出，进入nginx的sbin目录下重启Nginx服务
```
./nginx -s reload
1
```
五：在本机浏览器输入公网ip和端口进行测试

3.5部署第二个Vue项目

一：通过vim编辑器进入nginx.conf配置文件，复制server部分，放在上一个server下面

二：在控制台开发相应端口

三：保存并退出，进入nginx的sbin目录下重启Nginx服务
```
./nginx -s reload
1
```
四：在本机浏览器输入公网ip和端口进行测试

项目部署完成啦
相关阅读:
碳排放预测模型 | Python实现基于机器回归分析的碳排放预测模型——数据清理和准备
 FFmpeg开发笔记（三十二）利用RTMP协议构建电脑与手机的直播Demo
盒模型的五个属性的基本语法
 Day 3 学习代码注入技术
 紫外-可见吸收光谱法（UV-Vis）是最常用吸收光谱技术市场持续扩大
 常见故障及其解决方法
 C语言面试题 - 结构体对齐
 Linux的进程管理
 异步编程规避Redis的阻塞（下）
Linux 负载均衡介绍之LVS工作模式-DR直接路由模式
原文地址：https://blog.csdn.net/qq_52030824/article/details/126917474

文章目录

1：项目部署所使用的工具或资源

2：SpringBoot项目部署

2.1更改跨域配置

2.2项目打包

2.3部署jar包

2.3.1上传jar包和静态资源文件

2.3.2安装JDK

2.3.3安装MySQL

2.3.4导入sql文件资源

2.3.5运行jar包

2.4接口测试

3.Vue项目部署

3.1更改代理服务器、axios、Vuex配置

3.2将项目打包上传到云服务器

3.3Nginx安装

3.4部署第一个Vue项目

3.4.1将已经打包好的dist文件传送到nginx以下指定目录

3.4.1修改nginx.conf配置文件

3.5部署第二个Vue项目