在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 启动前端项目,配置反向代理连接到后端项目。这样一个前后端分离项目就部署好了.