vue +spring boot 前后端分离项目 代码合并发布

需求

首先是有这么两个应用代码,前端是vue项目,后端是springboot 构建的服务端,因为这个项目很轻量级,完全没必要部署为两个应用,因此需要打包合并发布

步骤

第一步

新建环境配置文件,名称  .env.spring

在这里插入图片描述

第二步

在 package.json 新建 npm 脚本命令 :   "build_spring": "vue-cli-service build --mode spring"

在这里插入图片描述

第三步

执行 npm run build_spring  脚本命令.打包前端代码,并把dist中代码粘贴复制到springBoot项目中

在这里插入图片描述
在这里插入图片描述

第四步

打包 springBoot 代码成 jar 包,运行访问 http://[ip]:[端口号]/index.html,
由于我的项目本地运行且端口号为7700,故访问地址为:  http://localhost:7700/index.html

在这里插入图片描述

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值