使用Nginx代理SpringBoot+Vue项目部署服务器(阿里云)步骤

1.打包后端项目

使用maven Lifecycle的Package功能来打jar包,
在这里插入图片描述
打包成功后在target目录下会看到.jar结尾的包,使用xshell软件连接阿里云服务器然后使用xftp把jar包传输到服务器。
在这里插入图片描述

使用java -jar 项目路径(例如: /home/demo.jar)  来运行后端项目

打印日志即为成功运行,也可以使用服务器地址加端口号访问后端接口测试。

2.打包Vue项目

首先我们要明确,我们使用Nginx代理后端,那么我们的前端请求路径将要修改为代理路径,base_url的端口号应该改为代理端口号,并且请求路径都加上一个统一的标识来拦截去往后端的请求,这个统一标识在下面Nginx配置中还要用到
在这里插入图片描述

首先打开package.json文件查看打包命令
在这里插入图片描述

我这里是运行 npm run build

成功会显示如下,并生成dist文件夹

同样的方法,我们使用xftp将dist文件中的内容传输到我们事先创建好的文件夹。

Nginx安装到linux方法步骤(阿里云服务器为例)

Nginx安装完成后的环境配置

全部搞定后,咱们开始最关键的Nginx配置过程

运行 whereis nginx  //找到nginx安装位置

在这里插入图片描述
进入nginx的配置文件

运行 vim /usr/local/nginx/conf/nginx.conf 

下面第一个location 代理的是Vue,第二个location 代理的SpringBoot 其中 /babyShop 是vue中定义的后端请求统一标识
在这里插入图片描述

配置完成后运行 nginx -t  检验配置是否出错
然后运行  nginx -s reload 重新加载 Nginx

测试成功
补充一下,如果后端项目想要后台一直运行执行下面的命令,其中log.log是事先创建的日志文件

nohup java -jar demo.jar >log.log 2>&1 &

想要关闭项目可以通过kill线程

ps -ef|grep java
kill 对应线程号
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值