Vue+Springboot部署至云服务器

网站部署

本文将介绍vue+springboot部署到云服务器,实现域名访问。

springboot打包

使用maven 点击clean,package

项目中会出现target文件夹,其中的jar包为我们所需要的

image-20230424163032015

vue打包

终端运行命令

npm run build

随后项目中出现dist目录

image-20230424163301469

云服务器

进入宝塔界面,我们首先使用终端查询云服务器java版本

java -version

image-20230424163625048

我的springboot java版本为1.8所以可以使用,若云服务器初始java版本为1.7,则需要重新下载java1.8(没权限要加上sudo)

sudo yum install java-1.8.0-openjdk* -y

安装完成后重新执行java -version查看版本

mysql

在宝塔中新建数据库,注意用户名和密码与springboot中的配置文件一致

image-20230424163924695

然后开放云服务器mysql端口,否则连接会失败,如图,顺便开放springboot端口9090

image-20230424164047911

使用navicat测试连接是否成功

image-20230424164148923

连接成功后,将本地sql导出,并在宝塔的数据库中导入sql。

部署springboot

然后将jar包和dist目录上传至宝塔

使用java部署应用部署jar包

image-20230424164310966

端口可以自行修改,如果启动失败,就在自定义参数 --server.port 前加个空格

启动成功后,进行测试,说明请求成功,且与云端服务器连接成功

image-20230424164439554

部署vue

上传dist目录,添加站点

image-20230424165239560

最后成功部署,可通过域名访问。

image-20230424170225486

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值