利用宝塔Linux在腾讯云服务器上部署Springboot+vue3项目

2023年 9月 12日 56.4k 0

项目部署

一、前端部署

使用宝塔Linux安装nginx;直接在软件商店搜索nginx即可安装;

image.png

前端部署:

首先修改前端请求后端的地址,改为服务器ip+指定端口;

我自己的是 vue3脚手架的项目;使用 npm run build 命令 来打包 生成 dist 文件,然后将dist文件整体上传到服务器上;

修改nginx配置:

1.修改user 为 root;

image.png

  • 修改server 的 root 定位到上传的前端项目的位置
  • image.png

    重启nginx,前端项目配置完成

    image.png

    记得在宝塔linux上开放 80端口,以及在云服务器上开放80端口;

    直接访问云服务器ip,可以看到上图的效果说明前端部署完成!!!

    二、后端部署

    安装以及配置MySQL

    1.宝塔Linux安装并配置MySQL

    1.首先点击宝塔面板的数据库,安装MySQL数据库;(第一次项目上线,会直接提示安装MySQL数据库);

    2.安装完成后,点击添加数据库;

    image.png

    数据库添加完成后,将本地数据库的数据库内容导出;再导入到宝塔linux的MySQL数据库;

    image.png

    点击导入按钮,在弹出框内,再点击本地上传即可;

    image.png

    2.使用本机数据库 DataGrip 尝试连接远程服务器上的数据库

    注意:如果你想使用root用户来连接远程服务器的数据库,请提前在远程MySQL上创建root用户,同时修改密码为难度系数大一点的密码,我这里就踩坑了,使用 root 默认密码123456一直连接不上,但是修改了密码后就能连上了;

    1.在MySQL中创建root用户命令:

    image.png

    2.同时修改root密码

    image.png

    在 DataGrip 中新建连接页面,配置连接信息,指定远程服务器的ip,以及数据库端口号3306

    注意:请提前在宝塔Linux 和 云服务器的防火墙上开放好3306端口

    image.png
    然后点击测试链接按钮,如果出现success代表连接成功;

    如果出现错误,请提前创建好root用户,以及为其修改密码

    image.png

    连接成功后,就可以在本机上操作远程服务器的MySQL数据库中的内容了!!!

    3.Springboot项目打包,以及在宝塔Linux上面部署Java项目

    首先一定要保证远程服务器上有java运行的环境,可以直接去宝塔面板的软件商城安装tomcat,tomcat中就自带了jdk1.8,安装完成后,java环境也配置好了;

    1.项目打包以及上传

    image.png

    请提前确认项目pom.xml中包含maven项目打包插件

    image.png
    将打包后的Jar包上传到远程服务器上

    首先找到宝塔Linux面板上的文件,找到指定上传的文件夹,我这里是根目录下的www/wwwroot;然后点击上传,找到本地的 jar 包;等待上传完成即可

    image.png
    2.Java项目部署

    点击宝塔面板中的的网站一栏,点击创建Java项目

    image.png

    在弹出框中修改配置

    image.png
    注意:要开放宝塔Linux中以及云服务器上的防火墙的端口; 开放的端口号为springboot项目端口号;

    添加项目成功后,等待项目运行,如果出现以下情形,就代表Java项目运行成功了;

    image.png

    在网页上访问后端项目的接口:云服务器ip+springboot项目指定端口+需要请求的路径 即可访问;

    示例:

    image.png

    说明后端项目部署成功;

    下面来看一下前后端交互的效果:

    image.png

    这说明利用宝塔Linux在远程服务器上部署Springboot+vue3脚手架项目成功;

    相关文章

    服务器端口转发,带你了解服务器端口转发
    服务器开放端口,服务器开放端口的步骤
    产品推荐:7月受欢迎AI容器镜像来了,有Qwen系列大模型镜像
    如何使用 WinGet 下载 Microsoft Store 应用
    百度搜索:蓝易云 – 熟悉ubuntu apt-get命令详解
    百度搜索:蓝易云 – 域名解析成功但ping不通解决方案

    发布评论