nginx部署前后端分离项目(spring boot + vue)
部署后端spring boot 项目部署到服务器上,我们只需打个jar包放到服务器上运行即可。使用maven打包的方法:得到一个jar包,上传到服务器上执行jar的命令:java -jar xxxxx.jar后台执行nohup java -jar xxxxx.jar &部署前端:在baseUrl 中填写后台的地址。dev中的 target也填上后台的地址。然后进入的vue项目的根目录,进入
部署后端
spring boot 项目部署到服务器上,我们只需打个jar包放到服务器上运行即可。
使用maven打包的方法:
得到一个jar包,上传到服务器上
执行jar的命令:
java -jar xxxxx.jar
后台执行
nohup java -jar xxxxx.jar &
部署前端:
在baseUrl 中填写后台的地址。
dev中的 target也填上后台的地址。
然后进入的vue项目的根目录,进入cmd执行
npm run build
得到一个dist文件
将这个文件也上传到服务器上
配置nginx
首先是下载 nginx
可以参考这篇我文章https://blog.csdn.net/qq_51088445/article/details/121584765
修改配置文件:
/teach与前端对应,proxy_pass 后填写后端地址
可以添加一个upstream进行反向代理
upstream tomcatserver {
server localhost:8089;
}
location /teach {
rewrite ^/api/(.*)$ /$1 break;
proxy_pass http://tomcatserver;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
执行systemctl reload nginx.server
重新加载nginx
更多推荐
所有评论(0)