使用腾讯云宝塔面板部署后端项目,包括MySQL,Redis,JDK,Maven

本文主要是介绍使用腾讯云宝塔面板部署后端项目,包括MySQL,Redis,JDK,Maven,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

一、购买腾讯云服务器并配置

购买腾讯云的一个服务器服务后进入到如下页面,点击左侧栏服务器,然后点击“重装系统”
在这里插入图片描述
选择“使用应用面板”->“宝塔Linux面板”->填写自定义账号和密码->点击确认

在这里插入图片描述
在这里插入图片描述

二、配置宝塔服务器端口参数并启动

点击确认之后进入到如下页面:
在这里插入图片描述
点击应用管理查看服务地址和端口号,默认端口号为8888.
在这里插入图片描述
由于8888端口号并没有开启和配置,因此需要自定去防火墙开启配置
同时因为本人后端项目还是用到了MySQL和Redis,所以将MySQL的端口号3306和Redis端口6379也配置进去。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
回到“应用管理”页面复制左侧命令然后点击“登录”启动Linux命令行
在这里插入图片描述
在命令行粘贴刚刚复制的命令然后执行,得到宝塔Linux面板地址以及用户名和密码,按住Ctrl点击“外网面板地址”后方的地址进入到宝塔面板。
在这里插入图片描述
使用上述得到的用户名和密码进行登录
在这里插入图片描述
注册宝塔账号然后登录
在这里插入图片描述

三、安装应用并配置MySQL,将本地数据库中数据导入服务器中

首次登录成功后进入如下页面,选择自己需要的依赖环境进行安装,这里我就选择第一个LNMP(推荐)的,然后点击“一键安装”即可。
在这里插入图片描述
等待安装成功:
在这里插入图片描述
安装成功后初始页面如下:
在这里插入图片描述
新建服务器上的数据库:
在这里插入图片描述
本地测试连接服务器的MySQL
在这里插入图片描述
点击ok进行创建连接,将本地数据库的表信息DDL输入窗口中,并执行
在这里插入图片描述
成功执行后右侧出现刚刚创建的数据库表信息
在这里插入图片描述
配置application中的mysql地址和用户名和密码
在这里插入图片描述

四、配置Redis

安装Redis
在这里插入图片描述
按照如下顺序配置redis
在这里插入图片描述
回到Linux命令行中启动redis,输入命令:

ps -ef|grep redis

出现如下结果表示启动redis成功:
在这里插入图片描述
在这里插入图片描述
回到宝塔面板查看redis状态,如下表示成功
在这里插入图片描述

配置本地项目中application中的redis配置
在这里插入图片描述

五、安装JDK和Maven

安装jdk
在这里插入图片描述
安装maven,回到Linux命令行输入,然后等待

sudo yum install maven -y

在这里插入图片描述
六、将本地项目导入服务器
生成本地项目jar包,在本地idea中的右侧maven中点击package,等待打包jar包
在这里插入图片描述
成功后目录中得到如下jar包
在这里插入图片描述
将jar包上传至服务器的www.wwwroot目录下
在这里插入图片描述

六、服务器上部署后端并启动Java项目

将jar包添加到Java项目中,注意选择刚刚上传的jar包,同时更改项目中配置的端口号
在这里插入图片描述
出现如下图,则表示添加并运行成功
在这里插入图片描述
也可以运行日志中的项目启动情况,也可以看到当前项目启动成功:
在这里插入图片描述
至此,项目的后端已经成功部署在服务器上。接下来部署前端。

前端部署

将前端项目中的后端地址改成刚刚配置好的地址,然后打包得到dist目录,打包操作根据自己的前端项目自行操作,我是使用vite构建的vue3项目,所以直接找到package.json文件点击如下按钮,不检查只打包就行。
在这里插入图片描述
打包成功左侧目录中多出dist文件夹。
然后回到宝塔面板进行创建前端项目服务
在这里插入图片描述
将前端打包生成的dist目录中的文件全部上传到刚刚前端的目录下
在这里插入图片描述
上传成功后回到“网站”->PHP项目中按照如下点击
在这里插入图片描述
进入到自己项目的前端页面:可以看到静态信息完整响应,但是并没有和后端交互数据。
在这里插入图片描述
查看控制台报错信息:

Access to XMLHttpRequest at 'http://{我的域名}:8101/huidada/api/user/get/login' from origin 'http://{我的域名}' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

报错原因:端口号后面不需要带项目名称:huidada,将前端的request.js请求中的地址配置中的项目名称删掉,重新build前端项目并上传部署一遍前端。
再次进入依旧报错,并且报错内容和上述一样。
原因:浏览器缓存没有清理,依旧保存了之前的cookie,按F12->应用程序->存储->勾选包括第三方cookie->点击清除网站数据->刷新网页即可显示正常。
在这里插入图片描述
问题2:当进入到带有后缀页面时,显示404在这里插入图片描述
原因:这个问题通常是由于Vue项目在生产环境中使用了HTML5 History模式路由,而服务器没有正确配置以处理这些路由导致的。具体来说,当你直接访问http://{域名地址}/userLogin时,服务器尝试找到该路径对应的文件,但由于前端项目是SPA(单页应用),并没有实际存在的文件,所以会返回404错误。
解决原因:
在前端项目的配置文件中加上如下配置:

location / {# 用于配合 browserHistory使用try_files $uri $uri/index.html /index.html;}

在这里插入图片描述
解决完上述bug后又出现新的bug,每次当我用户登录完成之后,页面却一直显示未登录状态。
原因:因为该项目使用的是session存储登录信息,但是前后端分离 vue+springboot 跨域会导致 session+cookie失效问题,因此每次登陆后浏览器与后端并不能正常通过http请求建立正常的session关联。
解决办法:首选需要申请https证书,然后在后端的配置文件中加上如下配置项:

这篇关于使用腾讯云宝塔面板部署后端项目,包括MySQL,Redis,JDK,Maven的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1121430

相关文章

ElasticSearch+Kibana通过Docker部署到Linux服务器中操作方法

《ElasticSearch+Kibana通过Docker部署到Linux服务器中操作方法》本文介绍了Elasticsearch的基本概念,包括文档和字段、索引和映射,还详细描述了如何通过Docker... 目录1、ElasticSearch概念2、ElasticSearch、Kibana和IK分词器部署

部署Vue项目到服务器后404错误的原因及解决方案

《部署Vue项目到服务器后404错误的原因及解决方案》文章介绍了Vue项目部署步骤以及404错误的解决方案,部署步骤包括构建项目、上传文件、配置Web服务器、重启Nginx和访问域名,404错误通常是... 目录一、vue项目部署步骤二、404错误原因及解决方案错误场景原因分析解决方案一、Vue项目部署步骤

JavaScript中的reduce方法执行过程、使用场景及进阶用法

《JavaScript中的reduce方法执行过程、使用场景及进阶用法》:本文主要介绍JavaScript中的reduce方法执行过程、使用场景及进阶用法的相关资料,reduce是JavaScri... 目录1. 什么是reduce2. reduce语法2.1 语法2.2 参数说明3. reduce执行过程

如何使用Java实现请求deepseek

《如何使用Java实现请求deepseek》这篇文章主要为大家详细介绍了如何使用Java实现请求deepseek功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1.deepseek的api创建2.Java实现请求deepseek2.1 pom文件2.2 json转化文件2.2

python使用fastapi实现多语言国际化的操作指南

《python使用fastapi实现多语言国际化的操作指南》本文介绍了使用Python和FastAPI实现多语言国际化的操作指南,包括多语言架构技术栈、翻译管理、前端本地化、语言切换机制以及常见陷阱和... 目录多语言国际化实现指南项目多语言架构技术栈目录结构翻译工作流1. 翻译数据存储2. 翻译生成脚本

Linux流媒体服务器部署流程

《Linux流媒体服务器部署流程》文章详细介绍了流媒体服务器的部署步骤,包括更新系统、安装依赖组件、编译安装Nginx和RTMP模块、配置Nginx和FFmpeg,以及测试流媒体服务器的搭建... 目录流媒体服务器部署部署安装1.更新系统2.安装依赖组件3.解压4.编译安装(添加RTMP和openssl模块

C++ Primer 多维数组的使用

《C++Primer多维数组的使用》本文主要介绍了多维数组在C++语言中的定义、初始化、下标引用以及使用范围for语句处理多维数组的方法,具有一定的参考价值,感兴趣的可以了解一下... 目录多维数组多维数组的初始化多维数组的下标引用使用范围for语句处理多维数组指针和多维数组多维数组严格来说,C++语言没

Springboot中分析SQL性能的两种方式详解

《Springboot中分析SQL性能的两种方式详解》文章介绍了SQL性能分析的两种方式:MyBatis-Plus性能分析插件和p6spy框架,MyBatis-Plus插件配置简单,适用于开发和测试环... 目录SQL性能分析的两种方式:功能介绍实现方式:实现步骤:SQL性能分析的两种方式:功能介绍记录

在 Spring Boot 中使用 @Autowired和 @Bean注解的示例详解

《在SpringBoot中使用@Autowired和@Bean注解的示例详解》本文通过一个示例演示了如何在SpringBoot中使用@Autowired和@Bean注解进行依赖注入和Bean... 目录在 Spring Boot 中使用 @Autowired 和 @Bean 注解示例背景1. 定义 Stud

使用 sql-research-assistant进行 SQL 数据库研究的实战指南(代码实现演示)

《使用sql-research-assistant进行SQL数据库研究的实战指南(代码实现演示)》本文介绍了sql-research-assistant工具,该工具基于LangChain框架,集... 目录技术背景介绍核心原理解析代码实现演示安装和配置项目集成LangSmith 配置(可选)启动服务应用场景