通过宝塔部署Spring Boot+Vue3项目到腾讯云服务器(精确细腻)

 先讲一下我为什么写这篇文章:

我自己照猫画虎的写了一个项目,就想着将这个部署到服务器上,然而在这个过程中也踩到了不少坑,所以我一边问客服,一边自己尝试,最后终于部署成功了。顺便也记录记录我的过程。

第一步:拿到服务器(免费体验)

要想将程序部署到服务器上,第一件事就是自己先有一台服务器。

我们先到腾讯云中免费获得一个服务器。

然后进入活动页面,点击免费产品体验。

进来之后就可以选择你想要的服务器了,我是选择的一个轻量型服务器,对于我的程序来说已经是完全够用了,当然你们也可以选择其他的。 然后点进去走个付款流程就行了。

注意:这里我是拿了个数据库的做示范,我的服务器是CentOS系统,建议也用这个系统

在控制台就能看到你购买的服务器了,点击进去。

建议先把密码改了,以免后面忘掉。点击登录,或者也可以点击服务器进去看。

点击登录之后,先去宝塔官网复制这串代码,他的目的是通过宝塔面板来配置内容到服务器

然后将复制的代码粘贴到控制台中执行

执行完成之后会看到第三个框,当然你们的会比我多一些内容,但是最主要的是有个端口提示:请在安全组放行 ****** 端口。我这边是 22216 端口

第一个框是用户登录的指令:

登录面板:sudo su -
查看面板默认信息:bt 14
或
查看面板默认信息:/etc/init.d/bt default

第二个框是查看面板默认信息,或者也可以输入 bt 

进入到服务器的防火墙界面,点击添加规则,规则里面来源一定要填写0.0.0.0/0,或则选择全部IPv4地址,端口处就输入上一个步骤里面提到的端口

顺便也像我那样点击 一键放通 ,里面可能也会有登录时用到的端口

然后就可以点击上面的外网的链接进去了

输入用户名和密码,登录进入宝塔面板。(账号和密码是生成的,在上面的步骤里,复制进去就行了)

登录成功后,先进入软件商店下载后面需要用到的软件,我这里下载了Nginx(部署前端的)、Mysql(数据库)、Redis(后端更新和删除令牌用的,没有用到就不管)

第二部分:开始配置

Mysql:

        下载版本随意(有坑注意:我下载时是下载的默认版本,结果在导入数据库的时候一直导不出来,后面就删掉重新换了个版本'8.0.24')

先将本地数据库的数据导出(我使用的Navicat for Mysql),不管你使用的是什么数据库,总之先导出

然后就可以添加数据库了,个人建议密码输入简单一点(商业项目除外)

有坑注意:切记切记,数据库名称不要使用“-”,不然后面导入数据库的时候会失败,可以像我这样使用“_”,别问我怎么知道,我就是这卡了半天)

然后就可以导入数据库了,当然也可以将root密码也修改了

导入完成之后可以点击“工具”,进去查看是否导入成功

现在我们MySQL算是完成了,接下来是将后端程序部署到服务器

部署后端:

        可以先点击JAVA环境管理,下载所需的jdk版本,我这里用的是jdk17

        然后就可以添加JAVA项目了。

注意:添加JAVA项目时  先将程序打包的jar文件存放到相应目录下(这里的big-event包是我自己创建的,dist文件包是我的前端代码)

Redis配置:

        我这里的Redis没怎么配置,因为我的后端项目里就使用到了一个普通的令牌更新和删除功能,只需要Redis启动了就行,不需要额外的配置

前端部署:

        首先就是部署后端项目时说的dist文件夹

        先将前端程序打包,生成dist文件,然后将dist文件粘贴到相应文件夹中

程序打包:npm run build

        然后点击设置进入配置修改添加代码(这里的端口用的默认的80端口,输入你的服务器久能直接进入,当然也可以换成其他端口,但是访问时就需要带上端口)

root:表示的是前端代码dist文件夹的位置

其他的就可以不用管了

server {
        listen       80;
        server_name  localhost;
        location / {
            root   /www/wwwroot/big-event/dist;
            index  index.html index.htm;
	          try_files $uri $uri/ /index.html; # 解决刷新404
        }
    	location /api/ {
    	  # 设置代理目标
    	  proxy_pass http://localhost:8090/;
    	}
}

好了,恭喜你,能看到这里你的程序就算是部署成功了,已经可以通过服务器IP访问你的程序了
  • 25
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要将Spring Boot + Vue项目部署到Linux上,您可以按照以下步骤进行操作: 1. 首先,确保您已经在Linux服务器上安装了Java运行环境(JRE)和Node.js。您可以使用以下命令来验证它们是否已安装: ```shell java -version node -v ``` 如果命令返回版本信息,则说明已成功安装。 2. 将您的Spring Boot后端应用程序打包成可执行的JAR文件。您可以使用Maven或Gradle进行构建。在项目根目录下运行以下命令: ```shell mvn clean package ``` 或 ```shell gradle clean build ``` 这将生成一个可执行的JAR文件。 3. 接下来,将Vue前端应用程序打包成静态文件。在Vue项目根目录下运行以下命令: ```shell npm run build ``` 这将生成一个dist目录,其中包含了打包后的静态文件。 4. 将生成的JAR文件和dist目录复制到Linux服务器上。您可以使用FTP工具或SCP命令进行复制。 ```shell scp /path/to/your-app.jar user@your-server-ip:/path/on/server/ scp -r /path/to/dist user@your-server-ip:/path/on/server/ ``` 5. 连接到Linux服务器,并在目标部署目录下创建一个新目录,用于存放您的应用程序文件。 ```shell ssh user@your-server-ip mkdir /path/on/server/your-app ``` 6. 将JAR文件重命名为您想要的应用程序名称,并将其复制到目标部署目录。 ```shell mv /path/on/server/your-app.jar /path/on/server/your-app/your-app.jar ``` 7. 配置Linux服务器上的服务管理工具(例如systemd)以管理您的Spring Boot应用程序。创建一个新的服务配置文件,如`your-app.service`,并将以下内容添加到该文件中: ```plaintext [Unit] Description=Your App After=syslog.target [Service] User=your-user ExecStart=/usr/bin/java -jar /path/on/server/your-app/your-app.jar SuccessExitStatus=143 [Install] WantedBy=multi-user.target ``` 将`your-user`替换为您在Linux服务器上的用户名。 8. 将服务配置文件复制到服务目录,并启动您的应用程序服务。 ```shell sudo cp /path/on/server/your-app.service /etc/systemd/system/ sudo systemctl start your-app ``` 9. 现在,您的Spring Boot应用程序已经在Linux服务器上成功部署。通过访问服务器的公共IP或域名,加上您在Vue应用程序中定义的端口号,即可访问您的应用程序。 请注意,上述步骤仅适用于将Spring Boot + Vue项目部署到Linux服务器上。实际操作中可能会有所不同,具体取决于您的项目结构和需求。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值