1.打包vue工程
命令:
npm run build
会生成一个dist目录:
springboot整合vue06-前后端整合部署springboot整合vue06-前后端整合部署
 
2.拷贝前端打包文件
将dist目录中的文件拷贝到springboot工程的resource/static目录下
这个目录是springboot工程存放静态资源的目录;
启动springboot工程,浏览器访问:http://loaclhost:8090,可以看到前后端已经整合成功;
springboot整合vue06-前后端整合部署springboot整合vue06-前后端整合部署
 
3.修改后端配置
为了部署到linux,需要修改application.yml中的数据库连接信息、端口号等;
 
4.打包
用idea中的maven打包;
springboot整合vue06-前后端整合部署springboot整合vue06-前后端整合部署
 
会在target目录下生成一个jar包
springboot整合vue06-前后端整合部署springboot整合vue06-前后端整合部署
 
5.上传jar包到linux
一般的web工程在linux中部署;
可以买阿里云的linux服务器,买不起的可以装虚拟机来试验;
 
在家目录创建一个文件夹,用来放打好的jar包;
命令:
mkdir 目录名  
springboot整合vue06-前后端整合部署springboot整合vue06-前后端整合部署
 
上传有多种方式,例如安装了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 &
 
浏览器访问,成功
springboot整合vue06-前后端整合部署springboot整合vue06-前后端整合部署
 
 
 
 
 
 
 

相关文章:

  • 2022-12-23
  • 2021-08-17
  • 2021-11-30
  • 2021-12-12
  • 2021-12-09
  • 2021-08-01
  • 2021-07-08
  • 2021-09-11
猜你喜欢
  • 2021-08-28
  • 2021-11-21
  • 2020-07-17
  • 2021-09-30
  • 2021-07-12
  • 2021-06-04
  • 2022-12-23
相关资源
相似解决方案