springboot整合vue06-前后端整合部署

1.打包vue工程

命令：

npm run build

会生成一个dist目录：

 

2.拷贝前端打包文件

将dist目录中的文件拷贝到springboot工程的resource/static目录下

这个目录是springboot工程存放静态资源的目录；

启动springboot工程，浏览器访问：http://loaclhost:8090，可以看到前后端已经整合成功；

 

3.修改后端配置

为了部署到linux，需要修改application.yml中的数据库连接信息、端口号等；

 

4.打包

用idea中的maven打包；

 

会在target目录下生成一个jar包

 

5.上传jar包到linux

一般的web工程在linux中部署；

可以买阿里云的linux服务器，买不起的可以装虚拟机来试验；

 

在家目录创建一个文件夹，用来放打好的jar包；

命令：

mkdir 目录名　　

 

上传有多种方式，例如安装了SecureCrt可以用rz -y 命令；

这里因为是用的虚拟机，linux安装了图形界面，简单粗暴的拖过去的；

 

6.启动工程

先看8090端口是否开启

命令：

firewall-cmd --zone=public --list-ports

    

如果没开可用下面的命令：

firewall-cmd --zone=public --add-port=8090/tcp --permanent   # 开放8090端口
firewall-cmd --reload   # 配置立即生效

 

启动jar包，先切换到jar包的目录，运行命令：

nohup java -jar boot_demo-0.0.1-SNAPSHOT.jar &

 

浏览器访问，成功