将Springboot+Vue部署到云服务器上

1 项目打包

1.1 spring boot项目打包
通过先后执行 IDEA Maven的clean与package指令，然后会在target目录下生成一个jar包

1.2 Vue项目打包
Vue项目打包前应注意将router下的index.js中的mode由history改为hash,避免服务器上运行时找不到路径。

另外要将访问的后端路径由localhost:8080改为服务器ip+端口号

最后通过执行npm的build指令进行打包，并生成一个dist文件夹。

2 远程访问服务器

开始处搜索“远程桌面连接”，输入服务器ip

选择本地资源，然后点击详细信息，并在驱动器栏选择需要与服务器互相传文件的磁盘，用于将jar包以及dist文件夹传给服务器。随后输入服务器密码进行登录。

3 服务器部署

3.1 环境搭建
将事先准备的Java jdk、node.js、redis复制到服务器并安装好
“开始"处搜索防火墙，点击“入站规则”，选择"新建规则”

“规则类型”选择端口，点击“下一步”

配置好端口号，然后一直“下一步”

出站规则同理，vue和spring boot的端口都要配置。

3.2 springboot部署
将jar复制到自建的文件夹，并通过shift+右键打开命令行，使用如下代码启动jar包，将springboot部署好。

start java -jar ir.jar >temp.txt& 

运行不出错后，通过命令行提示网址访问即可

3.3 Vue部署
通过npm安装express

npm install express -g

然后express+文件名创建文件

express test

将dist文件夹中的文件复制到所创建文件的public目录下

在test文件夹中执行右键+shift打开命令行，执行npm install

npm install

然后再执行以下命令,如下显示则正常

npm start run forever

通过http://服务器ip:端口号/访问即可