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

• 在linux上配置前后端分离项目 vue + spring boot
• 前言
• 一、导入前端项目？
• 二、导入后端项目？
• 三、将项目传入Linux服务其中
• 四、Linux中安装node.js、jdk、nginx
• • 1.安装node.js
  • 2.安装jdk1.8
  • 3.安装nginx
  • 4.阿里云服务器端口问题
• 五、nginx 配置前端反向代理
• 总结

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

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

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

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

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

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

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

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

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

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

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

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