springboot + vue 部署上线的两种方式

springboot 部署一般是采用jar 部署,也有采用war(集成了jsp,不推荐使用)一、将vue 项目编译后打入jar 包部署方式1、运行vue打包命令,前提是vue项目正常,无错误!npm run build2、运行命令后,在项目根目录会生成一个dist 文件夹,将dist 文件夹的所有文件,拷贝至springboot项目中的static(static默认放行)访问...
摘要由CSDN通过智能技术生成

springboot 部署一般是采用jar 部署,也有采用war(集成了jsp,不推荐使用)

一、将vue 项目编译后打入jar 包部署方式

1、运行vue打包命令,前提是vue项目正常,无错误!

npm run build

2、运行命令后,在项目根目录会生成一个dist 文件夹,将dist 文件夹的所有文件,拷贝至springboot项目中的static(static默认放行)

访问前缀,如果打包后的文件直接放置于springboot的static文件夹下则不需要加前缀,如果在static下建立了二级目录,则这里需要改成目录名称,例如:static/test1 则这里需要变成/test1 在运行npm run build 

无独有偶,如果需要部署多个前端项目,比如PC后台,H5端两个项目,则需要在static 下建二级文件夹。这就是baseUrl 的前缀的作用。当然根据系统架构的不同,因情况定。总之,需要注意系统的访问前缀

module.exports = {
    baseUrl: '/',//这里是访问前缀,如果打包后的文件直接放置于springboot的static文件夹下则不需要加前缀,如果在static下建立了二级目录,则这里需要改成目录名称,例如:static/test1 则这里需要变成/test1 在运行npm run build 
    devServer: {
        port:8080,
        proxy: 'http://47.96.21.80:8999'
  
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值