nginx 部署前后端分离项目(spring boot 和 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 可以参考这篇我文章blog.csdn.net/qq_51088445…

修改配置文件：

/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