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

前言：

首先：该项目是一个前后端分离的项目。
前端------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