当前位置:   article > 正文

Vue+Springboot部署至云服务器_springbootvue部署到服务器

springbootvue部署到服务器

网站部署

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

springboot打包

使用maven 点击clean,package

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

image-20230424163032015

vue打包

终端运行命令

npm run build
  • 1

随后项目中出现dist目录

image-20230424163301469

云服务器

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

java -version
  • 1

image-20230424163625048

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

sudo yum install java-1.8.0-openjdk* -y
  • 1

安装完成后重新执行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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/2023面试高手/article/detail/186368
推荐阅读
相关标签
  

闽ICP备14008679号