【SpringBoot】+【Vue】项目部署

目录

一、需要的资源

二、步骤

1.首先要拥有一个服务器

2.项目准备

vue：

打包:

3.服务器装环境

文件上传

设置application.yml覆盖

 添加启动和停止脚本

​编辑 安装jdk1.8

 安装nginx

安装mysql  

报错：「ERR」1273-Unknown collation: 'utf8mb4_0900_ai_ci'

启动java

服务器部署最后一部出现no main manifest attribute, in springboot-0.0.1-SNAPSHOT.jar这个错误怎么解决的？

---

本文章记录如何将Spring+Vue前后端分离的项目部署到服务器上

一、需要的资源

软件：Xshell、Xftp

二、步骤

1.首先要拥有一个服务器

服务器可以用学生优惠或者购买（或者一些免费资源），这里不要求

2.项目准备

在本地写项目时大部分用的locahost，但是部署到服务器上的话是不可取的，所以我们需要把localhost改成服务器地址。

vue：

给项目新建两个文件

.env.development中写：

VUE_APP_BASEURL='http://localhost:8080/'

 .env.production中写：

VUE_APP_BASEURL='http://101.34.248.238:8080'

在main.js文件中新定义一个全局变量：

Vue.prototype.$baseUrl = process.env.VUE_APP_BASEURL

 然后可以使用替换，把文件中的localhost：8080改成$baseUrl

打包:

vue：

npm run build

运行命令后会有一个dist文件夹，这里面装的就是打包好的前端。

SpringBoot:

运行命令

mvn clean package

 或者，点开maven面板，先点击clean，再点击package

打包好后会有target文件夹，这就是打包好的后端。

3.服务器装环境

一共需要装三个软件，安装包可以通过百度网盘下载：

链接：https://pan.baidu.com/s/1dVwrMDM_qMywqEy-gkN2zA 
提取码：iwvv

文件上传

打开xshell建立连接：

连接成功：

 点击新建文件传输。即xftp：

新建文件夹：

mkdir -p /home/server/shield

 其中shield可以自己定名字，也可以直接在xftp里面右键新建文件夹

在shield里面新建两个文件夹：java和vue；在java中拉入target里的jar包

 在vue里面拉入整个dist文件夹