在linux上配置前后端分离项目 vue + spring boot

在linux上配置前后端分离项目 vue + spring boot

---

前言

使用nginx反向代理，在阿里云上部署前后端分离项目（Vue + SpringBoot）。

---

一、导入前端项目？

使用（个人配置 npm run build:prod）npm run build 命令将前端项目打包，此时会生成一个 dist 文件夹。

这个就是打包好的前端项目文件。

二、导入后端项目？

1、使用 maven 将项目打包
2、出现 BUILD SUCCESS 字样即表明打包成功。
3、目录会出现一个 .tar 包，这个就是打包好的后端项目

三、将项目传入Linux服务其中

可以通过 xshell 的 xftp工具将项目上传到服务器中 （使用的连接方式不同，上传的方式都不同，可以根据自身情况来操作）

四、Linux中安装node.js、jdk、nginx

1.安装node.js

安装前端vue项目的运行环境 node.js （下方有安装教程，可自行搜索安装，网上很多教程）
https://www.cnblogs.com/liuqi/p/6483317.html

2.安装jdk1.8

安装后端项目运行环境（jdk1.8）
https://blog.csdn.net/pdsu161530247/article/details/81582980

3.安装nginx

安装nginx 通过ngnix访问vue页面，方向代理连接后端项目
https://blog.csdn.net/t8116189520/article/details/81909574

4.阿里云服务器端口问题

如果访问不到页面，可能是被拦截了，需在阿里云上开放端口

五、nginx 配置前端反向代理

nginx配置默认路径 （/usr/local/nginx/conf/nginx.conf）

1、端口号可自定义，只要不是80就好，然后对应的阿里云开放你改的端口号即可
2、VUE 的默认路径可修改

总结

通过nginx 启动前端项目，配置反向代理连接到后端项目。这样一个前后端分离项目就部署好了.