宝塔面板+阿里云部署springboot+vue项目

这篇具有很好参考价值的文章主要介绍了宝塔面板+阿里云部署springboot+vue项目。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。


码了一个多月的vue+springboot前后端分离项目基本上完工了,今天上线,详细记录了一下自己的部署过程,顺便记录一下遇到的坑。

云服务器配置连接

在阿里云购买完服务器后,找到管理台中的实例
宝塔面板+阿里云部署springboot+vue项目
查看云服务器详情信息
宝塔面板+阿里云部署springboot+vue项目
有两个地址,一个是公网,一个是内网,我们部署项目用的公网。
刚购买完如果没有设置密码的,需要设置密码。
宝塔面板+阿里云部署springboot+vue项目
点击重置实例密码即可设置密码。
然后我们需要使用xshell进行链接。
宝塔面板+阿里云部署springboot+vue项目
点击文件,新建会话
宝塔面板+阿里云部署springboot+vue项目
主机名填写你的外网地址,端口号正常都是22,如果有学校的服务器,会进行映射,填你映射后22端口对应的端口
宝塔面板+阿里云部署springboot+vue项目然后点击左侧的用户身份认证,填写你的用户名密码,正常用户名默认是root,密码是你重置的那个实例密码。输入完成点击链接
宝塔面板+阿里云部署springboot+vue项目
宝塔面板+阿里云部署springboot+vue项目
出现这个就是连接成功,接下来我们使用宝塔进行配置

宝塔面板配置

centos安装脚本

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec

Ubuntu/Deepin安装脚本

wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh ed8484bec

Debian安装脚本

wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && bash install.sh ed8484bec

国产龙芯架构安装脚本

wget -O install_panel.sh http://download.bt.cn/install/0/loongarch64/loongarch64_install_panel.sh && bash install_panel.sh ed8484bec

如果不知道Linux是什么版本,用万能安装脚本

if [ -f /usr/bin/curl ];then curl -sSO https://download.bt.cn/install/install_panel.sh;else wget -O install_panel.sh https://download.bt.cn/install/install_panel.sh;fi;bash install_panel.sh ed8484bec

根据自己对应的版本,在xshell中安装
宝塔面板+阿里云部署springboot+vue项目
出现下图即为安装成功
宝塔面板+阿里云部署springboot+vue项目
复制好自己的账号密码,进入外网面板地址
如果外网进不去,很可能是8888端口没有放行,去安全组中放行即可,下文中有详细步骤介绍需要放行哪些端口以及如何放行
宝塔面板+阿里云部署springboot+vue项目
点击软件商店,下载 Tomcat MySQL PHP phpmyadmin Nginx

Tomcat安装

在软件商店搜索Tomcat,下载时注意选择版本,这里Tomcat安装默认带jdk,Tomcat8对应jdk1.8,Tomcat9对应jdk1.9…
宝塔面板+阿里云部署springboot+vue项目

phpmyadmin安装

注意:phpmyadmin的版本和mysql以及php版本是挂钩的
宝塔面板+阿里云部署springboot+vue项目
我这里使用的是mysql8,php7.4,phpmyadmin5.0,不会出问题

如果出现405
宝塔面板+阿里云部署springboot+vue项目
一般是版本不对,这里发一下对应号

phpmyadmin 4.0 支持 PHP 5.2——5.4,
phpmyadmin 4.9 支持 PHP 5.5——7.0,
phpmyadmin 5.0 支持 PHP 7.1 及以上版本。

如果是报错,但是不影响使用的话。一般是版本太高了,把php版本换低版本即可
宝塔面板+阿里云部署springboot+vue项目

mysql安装以及数据库上传

在宝塔面板中,选择数据库,选择使用的数据库(我这里是mysql)然后新增
宝塔面板+阿里云部署springboot+vue项目
数据库名为自己在后端的数据库名,用户名随意(不是root),密码是自己数据库root账户的密码
宝塔面板+阿里云部署springboot+vue项目
然后点击导入,选择从本地上传,上传完成下面会有显示一个列表上传成功,再点一次上传,即可
宝塔面板+阿里云部署springboot+vue项目
然后打开phpmyadmin即可查看数据库是否上传成功
宝塔面板+阿里云部署springboot+vue项目
这样基本上就是没问题了

如果有phpmyadmin打不开的,有可能是端口号没放行,这里需要放行888端口

云服务器安全组需要放行的端口

在云服务器管理台中,找到安全组
宝塔面板+阿里云部署springboot+vue项目
进入配置规则
宝塔面板+阿里云部署springboot+vue项目
这是需要放行的端口号
宝塔面板+阿里云部署springboot+vue项目
8889用于springboot后端启动,888用于phpmyadmin,8888用于宝塔面板,3306用于数据库,80用于vue访问

点击手动添加,优先级100,tcp,目的是你要放行的端口号,授权对象0.0.0/0,描述随便写,保存即可
宝塔面板+阿里云部署springboot+vue项目
注意,不仅在安全中要放行,在宝塔面板中也要放行

在宝塔面板的安全中进行放行
宝塔面板+阿里云部署springboot+vue项目

vue项目打包部署

进入vue项目根目录,运行 npm run build
宝塔面板+阿里云部署springboot+vue项目
在文件夹中打开,生成了dist目录,把dist目录压缩
宝塔面板+阿里云部署springboot+vue项目
在网站中点击添加站点
宝塔面板+阿里云部署springboot+vue项目
域名,有域名的写自己域名,没域名的就复制公网网址
宝塔面板+阿里云部署springboot+vue项目
在文件中,进入根目录,进入www,进入wwwroot,进入http,把dist上传到这里并解压,访问你的公网(或域名)即可访问
宝塔面板+阿里云部署springboot+vue项目

springboot项目打包部署

这里作者项目开发软件用的idea

使用maven进行package(需要在pom提前配置好
宝塔面板+阿里云部署springboot+vue项目
打开文件夹,在项目根目录找到target目录,点进去
宝塔面板+阿里云部署springboot+vue项目
等下需要上传这两个文件,注意:作者这里的项目配置文件时properties,如果是yml也一样

在文件的根目录,进入home文件夹
宝塔面板+阿里云部署springboot+vue项目
把刚才需要的那两个文件上传

打开终端,进入home文件夹

cd /home

宝塔面板+阿里云部署springboot+vue项目
然后运行 jar包,这里用后台运行模式
宝塔面板+阿里云部署springboot+vue项目

nohup java -jar xxx.jar $

xxx为你的jar包名

nohup 意思是不挂断运行命令,当账户退出或终端关闭时,程序仍然运行

当用 nohup 命令执行作业时,缺省情况下该作业的所有输出被重定向到nohup.out的文件中,除非另外指定了输出文件

前台运行模式是

java -jar xxx.jar

如果使用前台运行,一旦切出终端springboot的接口就无法访问

这里我用postman进行测试
宝塔面板+阿里云部署springboot+vue项目
再进入网站,已经可以正常使用,完结,撒花
宝塔面板+阿里云部署springboot+vue项目文章来源地址https://www.toymoban.com/news/detail-455535.html

到了这里,关于宝塔面板+阿里云部署springboot+vue项目的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 阿里云、宝塔面板部署SSL免费证书

    2024年02月02日
    浏览(50)
  • 使用宝塔面板部署Node.js+Mysql服务和Vue3-Admin项目到云服务器上

    准备工作 一台云服务器,可以先用免费试用一个月的服务器进行练手;我这里选择的是腾讯云的轻量云服务器; 1、在云服务器上安装宝塔面板 宝塔面板官网地址:https://www.kancloud.cn/chudong/bt2017/424209 1.1 安装Xshell脚本工具,通过这个工具来连接云服务器,进行宝塔面板的安装

    2024年01月25日
    浏览(56)
  • 宝塔面板部署express以及MySql项目

    第一次在宝塔面板上部署express和MySql项目,部署过程一直跑不通接口,特此记录一下。 在部署的时候,建议第一步把数据库MySql给跑通,中间好多原因是由于数据库的原因给引起的。 (1)在宝塔面板上数据库上点击添加数据库,按照下述图片填写数据库的名字,密码会自动

    2024年02月07日
    浏览(48)
  • 使用宝塔面板部署前端项目到服务器

    目录 文章目录 前言 一、第一步:创建文件夹 二、第二步:部署前端项目 三、第三步:打开防火墙 前言 第一步:创建文件夹 第二步:部署前端项目 第三步:打开防火墙 总结 在此之前,我们已经创建了宝塔面板账号、拥有了一台服务器。现在,我们想让我们的前端能够像

    2024年02月03日
    浏览(70)
  • 华为云云服务器评测 宝塔+nginx 同时部署Springboot、Vue项目

    华为云云服务器评测 第一章 [linux实战] 华为云耀云服务器L实例 Java、node环境配置 华为云云服务器评测 第二章 [linux实战] Unbutnu添加SSH Key、启动Springboot项目 华为云云服务器评测 第三章 [linux实战] 使用Vue3、Element-plus菜单组件构建轮播图 华为云云服务器评测 第四章 [linux实战

    2024年02月10日
    浏览(62)
  • 宝塔面板部署前后端分离项目(解决跨域问题)

    1.打包前后端项目 注意的点 前后端的联调要改成前后端线上的地址 然后数据库相关的要改成 线上的数据库 放开自己的防火墙 不要忘记了 宝塔面板和阿里云服务器(腾讯云服务器)都要打开 前端 改自己请求的地址 一定要改 打包 打开packaeg.json之后点build 打包之后会生成一

    2024年02月08日
    浏览(46)
  • 使用宝塔面板部署后端项目到服务器

    前言 第一步:安装数据库 第二步:打包后端项目 第三步:配置数据库 第四步:部署后端项目 第五步:前后端联调测试 总结 在之前我已经写了一篇如何去部署前端项目,虽然能访问网站,但是没有数据库里面的内容是无法登录进去的,所以本篇文章会详细讲述如何安装数据

    2024年01月18日
    浏览(51)
  • 将tp5项目、fastadmin项目部署到服务器宝塔面板

            目录 一、将你的fastadmin或者tp5项目文件夹上传至你的服务器域名根目录下  二、修改你的网站目录指向,指向public目录,点击保存,并取消勾选防跨站攻击。  三、配置伪静态 四、fastadmin框架上传至服务器后如果想要访问后台可以进行重定向,默认访问前台 五、

    2024年02月13日
    浏览(63)
  • 前后端分离:Spring Boot + Vue + 微信小程序 宝塔面板部署教程自用

    前言:部署小程序后台(非云开发)需要: 1.一台云服务器(购买三个月以上,不然域名备案不了) 2.备案了的域名(小程序上线审核非常麻烦,域名一定要提前备案,通过审核大概要十几天) 阿里云或腾讯云都可,哪个便宜买哪个。腾讯云的轻量服务器就有自带的宝塔面板

    2024年02月08日
    浏览(38)
  • 阿里云服务器+宝塔 (尝试部署一个最简单的静态页面)

    进入网址:服务器购买地址 选择预装宝塔面板 购买完成后前往控制台 查看当前实例 设置或修改密码 设置用户名和密码 输入用户名和密码 连接成功页面如下: 请看客老爷移步到这个文章,传送门🙈 在命令行中输入: bt default 这里可以显示访问地址和密码,如图。 直接复

    2024年01月21日
    浏览(41)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包