（vue+springboot+mysql）部署到服务器上过程

最新推荐文章于 2023-09-15 19:51:53 发布
最新推荐文章于 2023-09-15 19:51:53 发布
阅读量2k 收藏 26
点赞数 3
分类专栏： linux部署项目 Vue 文章标签： vue.js spring boot mysql
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45684867/article/details/120892567
版权

目录：

前言：

首先：该项目是一个前后端分离的项目。
前端------Vue、vue-cli、element等技术，
后端------springboot+mybatis，
数据库------mysql-5.6.51（服务器上的版本），因为服务器上的mysql版本比较旧，开发的时候用的8.0.17的，从高版本到低版本会出现一些sql语句结构的冲突。

0.服务器的准备

1.本项目服务器是华为弹性云服务器ECS，配置信息：
在这里插入图片描述
2.采用的安全组sg-test-lcc
在这里插入图片描述
服务器准备好了，往下继续。

1.前端排查打包。

1.1 打开vscode前端，查看所有前端的请求端口，并且修改：

在这里插入图片描述

1.2 打包前端到后端IDEA中。

在config目录index.js是vue项目配置启动文件，能看到对应的运行模式dev和打包build。
在这里插入图片描述
在这里插入图片描述

话不多说，开始打包：
1️⃣打开项目src下的控制台：
在这里插入图片描述
2️⃣运行项目打包
在这里插入图片描述
3️⃣打包完成后会出现一个根据你build中自定义的路径出现的文件。
在这里插入图片描述
4️⃣将dist内的文件整一个放入IDEA项目中的static下
在这里插入图片描述

2.后端排查打包

2.1 配置sql请求的域名

spring:
  #数据库连接
  datasource:
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://120.46.156.84:3306/db_coal?characterEncoding=utf-8
    username: root
    password: root
  #mybatis的相关配置，请特别注意层级，空格会引发血案！
  servlet:
    multipart:
      max-file-size: 10MB
mybatis:
  #开启驼峰命名
  configuration:
    map-underscore-to-camel-case: true
  mapper-locations: classpath:mapper/*.xml
server:
  port: 8088

2.2 打包项目，生成jar包。

为了避免缓存问题，先把项目clean，完事后再package
在这里插入图片描述
完事后就会生成对应的target目录，里面有相关的文件和jar包（这个jar包我改过名，name不一样不要介意）。
在这里插入图片描述

!!!主角：服务器mysql的配置。

1️⃣用ssh工具连接服务器，或者本地cmd输入指令

本地cmd：（失败）

C:\Users\PJX>ssh 120.46.156.84
The authenticity of host ‘120.46.156.84 (120.46.156.84)’ can’t be established.
ECDSA key fingerprint is SHA256:4oSHC9jNbWAf5BSKsVu1JdkS95S5/nAg3yOFxT6Q8BM.
Are you sure you want to continue connecting (yes/no/[fingerprint])? yes
Warning: Permanently added ‘120.46.156.84’ (ECDSA) to the list of known hosts.

啊？这里本地出问题了，不知道为啥。我们因为后期还要上传数据，就不用本地cmd连接了。

xshell工具连接：（成功）

[C:~]$ ssh 120.46.156.84
然后填入自己的相关信息。连接成功：
[root@coal-pjx ~]#

2️⃣ 安装mysql

因为yum上的mysql资源有问题，需要先获取相对应的资源再yum安装

获取并挂载社区版mysql

cd /tmp
wget http://repo.mysql.com/mysql-community-release-el7-5.noarch.rpm
rpm -ivh mysql-community-release-el7-5.noarch.rpm
yum install mysql mysql-server mysql-devel -y --nogpgcheck
等待下载安装完就好了。若嫌弃这个版本太低了，那就自己去mysql社区找到对应的下载地址。先wget下载，然后tar解压就行
mysql社区链接
或者去mysql源先wget挂载一个资源进来，跟上面一样yum
mysql源

展示一下吧：
有时间借鉴一下这个错误：https://stackoverflow.com/questions/59993633/yum-dnf-error-failed-to-download-metadata-for-repo/60151238
mysql社区版（待成品）：这里展示展示失败了，用上面那个吧，果然yum上的mysql资源不太行。

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

可以看到对应的下载链接
[root@coal-pjx tmp]# wget https://dev.mysql.com/get/mysql80-community-release-fc34-1.noarch.rpm
在这里插入图片描述
[root@coal-pjx tmp]# rpm -ivh mysql80-community-release-fc34-1.noarch.rpm
在这里插入图片描述
这里出现了错误信息，查看发现是什么头什么V3啥的签名错误。罢工了，百度瞅瞅。
百度后说是yum安装了旧版本的GPG keys造成的解决地址
[root@coal-pjx tmp]# rpm -ivh mysql80-community-release-fc34-1.noarch.rpm --force --nodeps
在这里插入图片描述接着就安装吧
[root@coal-pjx tmp]# yum install mysql mysql-server mysql-devel -y --nogpgcheck
在这里插入图片描述啥玩意啊？？刚下了点皮毛就不给下了。这里暂时罢工了，暂时摸索不到原因，到时候看到了回来更新。
垃圾箱警告！
[root@coal-pjx tmp]# rm -rf mysql80-community-release-fc34-1.noarch.rpm

mysql源：（这个也G了）

找到最新的，然后获取地址
在这里插入图片描述
开始操作：
[root@coal-pjx tmp]# wget http://repo.mysql.com/mysql80-community-release-fc33.rpm
在这里插入图片描述
[root@coal-pjx tmp]# rpm -ivh mysql80-community-release-fc33.rpm --force --nodeps
在这里插入图片描述
[root@coal-pjx tmp]# yum install mysql mysql-server mysql-devel -y --nogpgcheck
在这里插入图片描述
两个地址的资源都没法下最新的，有缘江湖再见。

可以探究一下换个yum源，参考链接

3️⃣进行配置。

启动mysql

[root@coal-pjx tmp]# systemctl start mysql.service

验证是否运行

[root@coal-pjx tmp]# netstat -anp|grep 3306

创建密码登陆

[root@coal-pjx tmp]# mysqladmin -u root password 123
[root@coal-pjx tmp]# mysql -uroot -p123
在这里插入图片描述

大小写敏感（mybatis设置驼峰了，没必要看了）

Linux MySQL默认是大小写敏感的，项目是在windows上开发的，而windows上的Mysql默认是非大小写敏感的，所以JDBC代码有的表名是大写，有的是小写的，一旦运行起来就会因为大小写不一致导致无法识别表名。 为了解决这个矛盾，就需要把MySQL的大小写敏感修改为非敏感。

  1. 打开mysql配置文件
    vi /etc/my.cnf
  2. 如图所示在[mysqld]后添加添加
    lower_case_table_names=1
    在这里插入图片描述
  3. 重启mysql
    systemctl restart mysqld.service

创建数据库

mysql -uroot -proot
CREATE DATABASE db_coal;
show databases;

导入sql

use db_coal；
然后运行复制的sql语句。
此处有个注意事项：高版本数据库（8.0）转存sql文件 并导入低版本数据库（5.7）会出现错误。
MySql数据库导入sql错误 Unknown collation: ‘utf8mb4_0900_ai_ci’
错误原因：高版本数据库（8.0）转存sql文件 并导入低版本数据库（5.7）
解决办法：
方案一：升级mysql至高版本
方案二：将需要导入的sql文件，把其中的
utf8mb4_0900_ai_ci全部替换为utf8_general_ci
utf8mb4替换为utf8
重新执行sql文件
导入成功。

设置用户授权问题（重点）—1045错误

在这里插入图片描述
！！！！！此处一定要设置不然会sql用不上-------指导链接
其实这里也就用到

mysql> use mysql
mysql> grant all privileges on . to ‘root’@’%’ identified by ‘123’ with grant option;

mysql连接出现2003错误

方案一：（有些服务器不会及时响应防火墙端口的状态，我们linux开一下）
开放命令：/sbin/iptables -I INPUT -p tcp --dport 3306 -j ACCEPT
查看命令：netstat -an|grep 3306
方案二：解决方案参考链接

mysql就此告一段落。

3.本地测试一波（前提服务器mysql要配置完）

因为mysql的请求主机是服务器的，所以要运行这个项目jar包，前提服务器要把mysql配置好。
如果不想先上服务器，可以把前端的请求端口和后端的mysql连接调成localhost本机先。

3.1 运行jar包

cmd进入命令行模式，然后输入指令

java -jar jar包的路径（这个指令要有jdk，没有看到4.吧）
例如：
E:\桌面\coal-spring\target>java -jar coal.jar

4.把jar包部署到服务器

4.1 配置java环境—jdk

  1. 安装Java： yum -y install java-1.8.0-openjdk.x86_64

  2. 运行： java -version //这里能看到版本信息，就ok了。

4.2 xftp上传文件

在这里插入图片描述

4.3在服务器中运行jar包（运行项目）

运行java -jar coal.jar命令
在这里插入图片描述
出现运行信息，项目就能正常跑了。在这里插入图片描述

5.配置持久化服务器。

5.1 配置原因

因为在使用华为云ECS服务器的时候，发现如果我们xshell连接中断后，相关的服务器进程会中断，导致这和我们云服务器的初衷违背了，需要开启服务器进程还需要在本机维持ssh会话连接。

5.1.1 为什么ssh一旦断开我们的进程也将会被杀掉？

元凶：SIGHUP 信号

让我们来看看为什么关掉窗口/断开连接会使得正在运行的程序死掉。

在Linux/Unix中，有这样几个概念：

进程组（process group）：一个或多个进程的集合，每一个进程组有唯一一个进程组ID，即进程组长进程的ID。

会话期（session）：一个或多个进程组的集合，有唯一一个会话期首进程（session leader）。会话期ID为首进程的ID。

会话期可以有一个单独的控制终端（controlling terminal）。与控制终端连接的会话期首进程叫做控制进程（controlling process）。当前与终端交互的进程称为前台进程组。其余进程组称为后台进程组。

根据POSIX.1定义：

挂断信号（SIGHUP）默认的动作是终止程序。
当终端接口检测到网络连接断开，将挂断信号发送给控制进程（会话期首进程）。
如果会话期首进程终止，则该信号发送到该会话期前台进程组。
一个进程退出导致一个孤儿进程组中产生时，如果任意一个孤儿进程组进程处于STOP状态，发送SIGHUP和SIGCONT信号到该进程组中所有进程。
因此当网络断开或终端窗口关闭后，控制进程收到SIGHUP信号退出，会导致该会话期内其他进程退出。

这里我认为我们的进程被杀掉也就是因为ssh与服务器之间的通信断掉了，这个通信断掉之后linux程序就默认将该连接下的所有进程都杀掉！

5.2 三种可利用技术。（1-3往下升级）

  1. nohup命令
  2. screen命令
  3. byobu命令

我们这里采用screen命令。就记录这个了，需要深究点击链接。

screen命令：

1️⃣先安装screen。

yum install
输入y回车 等待下载完成。
在这里插入图片描述

如果此处出现了错误：没错就跳过这部分

[root@coal-pjx ~]# yum install screen
MySQL Tools Community                                                    4.2  B/s |  10  B     00:02    
Error: Failed to download metadata for repo 'mysql-tools-community': Cannot download repomd.xml: Cannot download repodata/repomd.xml: All mirrors were tried

出现这个repo的错误是我们yum源中有错误检索不到的源。我们可以先去查看一下我们的repo源。

[root@coal-pjx ~]# yum repolist all

在这里插入图片描述
可以看到mysql-tools-community是开启状态enabled。我们把它关了。

[root@coal-pjx ~]# yum-config-manager --disable mysql-tools-community

关了之后就能安装了。
普及两个命令：

yum repolist all //查看您拥有的仓库。
yum-config-manager --enable <仓库名> //启用仓库
yum-config-manager --disable <仓库名> //关闭仓库

2️⃣直接使用命令

[root@coal-pjx~]# screen java -jar coal.jar

完事了。

汤姆猫少年
关注
  • 3
    点赞
  • 踩
  • 26
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Spring Boot + MyBatis plus + vue 搭建前后端框架
jackmutter的博客
03-28 3852
项目流程及问题 数据库设计 数据库字符集问题 字符集：utf8mb4兼容utf8，Unicode编码区1~126是utf8区，126以下是utf8mb4兼容区。（一般选utf8：不浪费空间） Unicode区表 数据库排序规则问题utf8_bin与utf8_general_ci（一般分这两种）？ bin是二进制，a与A会区别对待（例：SELECT * FROM table WHERE txt...
new-bee：开源社区vue + springBoot-前后分离微服务的最佳实践
02-02
基于nodeJs vue java spring-boot docker开发的一款bbs 如果觉得不错给个star支持一下 :nerd_face: 因为写文章需要大量的时间，通过这些文章的完成，抽出时间逐渐做一些实战性的贡献 如何启动和部署 我们想做某种的...
练手项目一：图书馆CRUD
天才小熊猫的客栈
01-02 376
本项目使用的技术： SpringBoot，Vue，MyBatis Plus自动生成代码，Swagger当做监控中心，主要是为了理清楚思路！ （持续更新中！！） 一、后端搭建 首先新建一个SpringBoot工程，spring-crud-book，在pom文件中加入以下依赖： <!--mybatisplus自动生成代码必要的,不加会报错--> <dependency> <groupId>org.apac
Idea+SpringBoot+MySQL+mybatis 快速搭建项目
MYNAMEL的博客
11-03 949
看图，奥里给 设置你项目存放的地址，最好自己选地址，不然过两天你自己都不知道项目在哪了 连接数据库 这是我的源码，请参考 spring.datasource.url=jdbc:mysql:///localhost:3306/ssm001?useUnicode=true&characterEncoding=utf-8 spring.datasource.username=root spring.datasource.password=root spring.datasource.ty
青锋开源架构-springboot2.6.x+vue3-antdesign-vite之搭建IDEA+Maven+JDK+Mysql开发环境
weixin_38027960的博客
04-04 973
安装IDEA IDEA下载安装 1）进入 IDEA 官方下载页面，（官网地址为 IntelliJ IDEA: The Capable & Ergonomic Java IDE by JetBrains），点击 DOWNLOAD，如图 1 所示。 图 1 IntelliJ IDEA官方下载页面 2）IntelliJ IDEA 是一款跨平台的开发工具，支持 Windows、Mac、Linux 等操作系统，我们可以根据需求下载对应的版本。旗舰版的功能更加全面，这里我们选择下载旗舰版。然后点
idea半天搭建属于自己的个人博客，支持二次开发，springboot+vue+mysql
爱飞的男孩的博客
11-07 1144
一文教你部署一个轻量级博客项目，本项目针对初学者，支持二次开发
vue2+springboot前后端开发框架模板（mysql+mybatis+redis+quartz）
03-24
1.前端用vue2实现； 2.后端用springboot+mysql+mybatis+redis+quartz技术实现； 3.实现了部门管理，用户管理，系统菜单管理，角色管理，用户权限管理； 4.实现了日志管理； 5.实现了quartz任务管理； 6.有完整的配置文档。
基于springboot3.x+vue3.x整合开发学生信息管理系统
03-08
基于SpringBoot3+Vue3整合开发学生信息管理系统系统功能结构本系统主要有两种角色，分别管理员角色和普通用户角色，其中：管理员角色主要功能有：后台首页展示、个人信息展示和修改、用户管理、角色管理、班级管理、学生管理、课程管理、教师管理、班级科目成绩管理、班级科目成绩统计、班级科目对比统计等功能，如图所示：普通用户角色主要功能有：后台首页展示、个人信息展示和修改、班级科目成绩管理、班级科目成绩统计、班级科目对比统计等功能，如图所示：  技术栈web框架：SpringBoot3.X数据库框架：Sping Data JPA数据库：MySql项目构建工具：Maven、vite前端框架：Vue3.X、element plus、pina、axios、Vue Router数据图表：ECharts数据库表本项目由七张表，分别如下：1、用户表（sys_user）2、角色表（sys_role）3、教师表（s_teacher）4、班级表（s_grade_class）5、学生表（s_student）6、课程表（s_course）7、学生成绩表（s_student_score） 
Vue+SpringBoot+MySQL项目
qq_51764257的博客
09-15 1192
SpringBoot项目开发到上线完整流程
MySql+SpringBoot+Vue 搭建一个完整的前后端分离项目
weixin_44062380的博客
04-16 5963
完整项目搭建流程 虽说 SpringBoot 相较于 SSM 框架，大大减轻了配置的繁琐，但是，要整合 MyBatis ，统一异常处理，Vue等一系列东西，还是要费一番劲的。 这次将创建的整个流程记录下来，方便以后的项目搭建。 要搭建一个完成的前后端分离项目，分为这么几个部分：数据库、后端、前端 如果是为微信小程序搭建一个后端服务，那就只要看到数据库、后端就可以了 数据库 一般在新建项目的时候，我们会选择专门为这个项目新建一个用户，并为这个用户，赋予只属于这一个项目的所有权限 1. 连接 admin 只有
Vue+MySQL+Springboot
m0_51418771的博客
11-17 1399
超详细的Web环境搭建 Hot Module Replacement（以下简称 HMR）是 webpack 发展至今引入的最令人兴奋的特性之一 ，并保存后，webpack 将对代码重新打包，并将新的模块发送到浏览器端，浏览器通过新的模块替换老的模块，这样在不刷新浏览器的前提下就能够对应用进行更新。npm install在哪个目录下执行就安装在这个目录的node_modules文件夹下。版本才能正常运行，当你的包管理器发出警告时，请注意升级你的 Node 版本。,会列出所有的服务。寻找最像的一个，输入尝试。
基于Vue+SpringBoot+MySQL的海南旅游推荐系统.zip
04-19
此外，MySQL支持多种操作系统，包括Windows、Linux、macOS、Solaris等，确保了其在不同环境下的兼容性和部署灵活性。 关系型模型与SQL支持 MySQL基于关系型数据库模型，数据以表格形式组织，并通过预定义的键（如...
基于Vue+SpringBoot 前后端分离在线学习平台系统，包含PC端与移动端.zip
最新发布
04-19
基于Vue+SpringBoot+Mybatis Plus+MySql+UniApp的 MySQL 是一款广受欢迎的开源关系型数据库管理系统（RDBMS），由瑞典MySQL AB公司开发，现隶属于美国甲骨文公司（Oracle）。自1998年首次发布以来，MySQL以其卓越的...
基于springboot+vue的旅游管理系统源码+数据库（毕业设计）
04-23
基于springboot+vue的旅游管理系统源码+数据库.zip已获导师指导并通过的高分项目。下载即可使用，无需修改，确保可以直接运行！ 本项目是一套基于springboot+vue的旅游管理系统，主要针对计算机相关专业的正在做毕设...
基于Vue+SpringBoot实现的毕业设计（论文）管理系统源代码+数据库+用户手册
09-21
只适用于windows系统启动，Linux服务器部署方式不同 运行失败请先查看电脑运行环境和环境变量的配置情况 附件 文件中包含简单的用户使用手册，请注意查看 安装教程 thesis是后台接口文件 thesis-ui是前端文件 sql是...
取消弹出信息:Are you sure you want to continue connecting
热门推荐
wang1144的专栏
06-21 2万+
每次ssh 进入一台新机器都会跳出如下的提示: The authenticity of host '111.222.333.444 (111.222.333.444)' can't be established. RSA key fingerprint is f3:cf:58:ae:71:0b:c8:04:6f:34:a3:b2:e4:1e:0c:8b. Are you sure you w
搭建一个简单的SpringBoot+Vue+MySQL | (集成MyBatis-Plus、lombok、Swagger)
杨明金的博客
02-19 2484
创建SpringBoot项目（Java、SpringBoot、SpringMVC、RESTful、json）、引入Swagger（接口文档和测试页面生成工具）、定义统一结果（让前后端数据通信更规范）创建和连接数据库（MySQL、IDEA内置的数据库管理工具）集成MyBatis-Plus（MyBatis）搭建前端环境HTML和CSS、熟悉JavaScript、了解Vue）认识 Vue.js、SpringBoot+Vue、 Java、MyBatis-Plus、MySQL、HTML、 JavaScript、vue
SpringBoot+Vue+微信小程序+SpringSecurity+JWT+项目部署云服务器
qq_29294165的博客
04-18 1837
1. 项目架构 2. 项目搭建 1. 后端搭建环境 1. 创建sport项目 2. 选择依赖 3. 修改maven File->Setting 4. 删除不需要的文件，修改配置文件 把properties改为yml文件 5. 新建TestController 6. TestController编写代码 路径：src/main/java/com/sport/controller/TestController.java 代码： package com.sport.controller;
springboot+微信小程序 --- 服务器环境部署（1）
tjjjjjj333777的博客
01-25 465
服务器环境部署
员工管理系统vue+springboot
05-15
员工管理系统使用vue+springboot框架可以实现一个完整的员工管理系统。Vue.js是一个流行的前端框架，它可以很好地与后端框架Spring Boot集成，提供一个完整的Web应用程序。下面是一个简单的步骤： 1. 创建数据库表：在MySQL或其他关系型数据库中创建表，例如员工表，部门表等等。 2. 创建Spring Boot应用程序：使用Spring Initializer创建一个新的Spring Boot应用程序，并添加所需的依赖项，例如MyBatis和MySQL驱动程序。 3. 创建Java类：创建Java类来处理数据库表和业务逻辑。例如，创建一个Employee类来映射Employee表，EmployeeService类来处理业务逻辑。 4. 创建RESTful API：使用Spring MVC创建RESTful API，例如获取所有员工信息，更新员工信息等等。 5. 创建Vue.js应用程序：使用Vue.js创建一个新的Web应用程序，并添加所需的依赖项，例如Axios和Vue Router。 6. 创建Vue组件：使用Vue.js创建Vue组件，例如员工列表组件，员工编辑组件等等。 7. 调用RESTful API：在Vue组件中使用Axios调用Spring Boot中的RESTful API，获取和更新员工信息。 8. 测试和部署：测试应用程序，打包并部署到服务器上。 以上是一个简单的步骤，但是在实现时可能会涉及到更多的内容，例如权限管理，数据验证等等。但是，使用Vue.js和Spring Boot框架可以方便地实现一个完整的员工管理系统。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值