SpringBoot+Vue前后端项目部署到服务器--保姆级

一、新手可获得免费的服务器

1.找到阿里云的官网，获取最新获得

在这里插入图片描述

2.点击云服务器ECS的试用

在这里插入图片描述

3.选择云服务器ECS的类型

在这里插入图片描述

4.填写相关信息

/image-20210412184659926.png

5.领用成功

在这里插入图片描述

二.Xshell连接远程服务器

1.得到公网Ip地址

在这里插入图片描述

1.1.重置密码，如果不重置密码Xshell输入不了密码

a.重置密码

在这里插入图片描述

b.有时候实例啥也没有，就可以直接去刚开始的页面

在这里插入图片描述

c.如果没有重置密码就是下面情况

在这里插入图片描述

2.xshell建立连接

/image-20210412184934021.png
在这里插入图片描述

3.连接成功

在这里插入图片描述

三、安装环境(傻瓜式安装–宝塔)

1.网址：https://www.bt.cn/bbs/thread-19376-1-1.html

2.复制下载的网址

在这里插入图片描述

3.在Xshell中复制粘贴即可–一路y就行

在这里插入图片描述

4.下载成功

在这里插入图片描述

5.访问面板

得到外网地址：http://112.124.5.82:8888/8beb6a1d

浏览器访问网址：
在这里插入图片描述

如果访问不了，肯定是安全组的端口没打开8888端口。

那么打开教程：https://www.bt.cn/bbs/thread-19376-1-1.html
在这里插入图片描述

6.输入对应的账号密码

在这里插入图片描述

补充

有时候会出现这种错误
在这里插入图片描述
连接上root(步骤就不阐述了，上面有)，直接在输入

bt default

在这里插入图片描述

7.登陆成功

在这里插入图片描述

密码啥的不用记住，因为我会改了的

宝塔坑

在这里插入图片描述

1.建立域名却进不去了尝试域名+ip地址也进不去

输入

rm -f /www/server/panel/data/domain.conf

在这里插入图片描述

解决路径：https://blog.csdn.net/qq_38215042/article/details/81990431

还可以试试界面上的命令

rm -f /www/server/panel/data/admin_path.pl

在这里插入图片描述

四、安装环境

1.软件商店

在这里插入图片描述

2.提示

上面所有安装的东西，所需要的端口号，都必须在阿里云服务器的安全组里面，端口打开（这是端口映射，下面那个是开启端口）。
在这里插入图片描述

3.开启端口

在这里插入图片描述

4.示例–访问TomCat

(1).阿里云安全组开放端口映射

在这里插入图片描述

(2).开放宝塔端口8080

在这里插入图片描述

(3).结果

在这里插入图片描述

注意下面的jar包和Vue包我是分开打的，过程就有点复杂，其实也可以前后端导成一个jar进行运行。上传到服务器的话，只需要一个jar包运行即可

SpringBoot和Vue如何在一个jar包运行

五、提交后端jar包–运行后端项目

(1).首先对项目进行jar包处理

推荐自己打包jar的博客：https://blog.csdn.net/weixin_45969142/article/details/115604330

(2).使用Xshell和Xftp配合使用

两者可能需要对应一下版本号–需要破解或者购买

在这里插入图片描述

点击那个按钮的同时需要对应目录

(3).用Xftp进行远程传输–找到jar包位置–确定远程的目录位置

在这里插入图片描述

(4).用Xshell跳转到到传输的远程目录位置

这个java -jar xxx.jar是短暂运行，Xshell关闭就停止发布了

这个是永久运行：nohup java -jar (你的包名).jar >/dev/null 2>&1 &

(5).运行结果

在这里插入图片描述

（6).永久运行项目并停止

1.永久开启

这个是永久运行：nohup java -jar (你的包名).jar >/dev/null 2>&1 &

2.关闭

就需要记住进程号，向上面的PID=21483

使用命令kill PiD

也就会kill 21483

要是放了进行号咋办？就输入下面命令查看进行就行了

ps aux|grep xxx.jar --查看某个jar包进程
ps -ef | grep java -查看跟java有关的进程

六、提交MySQL数据库

(1).本地连接远程

在这里插入图片描述

这里你要是Ip写成了http的形式，会报：识别不到这个ip地址

(2).出现的问题

1.Client does not support authentication protocol requested by server

推荐博客：https://blog.csdn.net/OCEAN_C/article/details/89719578

(3).使用Navicat for MySQL把本地数据库上传到服务器

推荐博客：https://blog.csdn.net/kkfd1002/article/details/80247882

(4).查询数据库里面的表

1、打开控制台，输入：mysql -u root -p登录，提示输入密码。
在这里插入图片描述

2、登录成功提示如下：
在这里插入图片描述

3、先查看一下有哪些数据库，输入：show databases;注：此处；不可少。
在这里插入图片描述

七、vue打包

(1).自己生成vue.config.js

module.exports = {
    //基本路径  ---这个千万不能省，不然你的静态资源找不到
    publicPath: "./",
    //输出文件目录
    outputDir: "dist",
    //webpack-dev-server相关配置
    devServer: {
        port: 8080,
        host: "localhost",
        open: true, //配置游览器自动访问
    },
};