springboot + vue前后端分离项目的部署

一.先编译前端项目
在idea里
npm install
npm run build
生成一个dist文件夹
2.将dist文件夹上传到服务器
3.配置Nginx
将 /usr/local/nginx/conf下的nginx.conf配置
1 . location /{
root /opt/ui-workspace/dist;
index index.html index.htm;
}

2. 修改头部 user root;

访问ip地址80端口（记得开放80端口）
静态资源可以加载

二.后端部署
springboot 项目直接在idea里 maven工具 clean , package
将打包的jar包传到服务器上，
nohup java -jar xxxxx.jar &
后台守护进程运行即可

1.如果想部署到tomcat里，将项目打成war包，放到tomcat即可
改pom.xml里
(1)改成war
(2)加入依赖（provide是编译的时候用，发布的时候剔除）

（3）加一个新的启动类

重新编译打包(clean package)
将war包放到tomcat webapps下
启动tomcat

2.注意：1.ip地址:8080如果进入是tomcat页面，需要在ip地址:8080后加上/项目名。 如果想直接ip地址:8080访问项目 在tomcat 下conf文件夹里修改server.xml,在Host标签下加

重启tomcat

如果后端想搭建集群
在前端的nginx里配置