前后端分离部署

前后端分离项目部署的两种方式

之前一直做的前后端没有分离的项目，最近做了一个前后端分离的项目，具体的部署方式给大家总结了一下

一：一起部署：
1.先将前端打包成静态文件：npm run build
2.将dist目录下所有的文件拷贝到后端的static中（resource下的static）
3.在后端框架拦截器中将之前拷贝的所有文件都放行
4.注意修改配置文件里面mysql、redis以及其他的url
5.打包后端在项目父路径（idea后面带ROOT）的lifecycle中点击package
6.找到target中的jar并上传到linux（建议放到一个项目专属文件夹中）
7.切换到项目文件夹执行命令 ：nohup java -jar +jar包名称（有几个执行几遍）
8.访问浏览器输入Linux的地址+端口号+index.html
二：前后端分离部署(使用nginx)
1.先将前端打包成静态文件：npm run build
2.将dist目录拷贝到Linux的文件夹下
3.找到Linux的配置文件
4.将nginx配置文件的指向地址修改为jar包的地址（后端）

5.访问静态资源（第一步拷贝的前端资源）下面修改为项目的文件夹到dist

6.将后端代码打包成jar放入项目目录

7.切换到项目文件夹执行命令 ：nohup java -jar +jar包名称

8.启动nginx: …/sbin/nginx

9.访问浏览器输入Linux的地址+index.html