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

1.打包后端项目

使用maven Lifecycle的Package功能来打jar包,
使用Nginx代理SpringBoot+Vue项目部署服务器(阿里云)步骤_第1张图片
打包成功后在target目录下会看到.jar结尾的包,使用xshell软件连接阿里云服务器然后使用xftp把jar包传输到服务器。
在这里插入图片描述

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

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

2.打包Vue项目

首先我们要明确,我们使用Nginx代理后端,那么我们的前端请求路径将要修改为代理路径,base_url的端口号应该改为代理端口号,并且请求路径都加上一个统一的标识来拦截去往后端的请求,这个统一标识在下面Nginx配置中还要用到
使用Nginx代理SpringBoot+Vue项目部署服务器(阿里云)步骤_第2张图片

首先打开package.json文件查看打包命令
使用Nginx代理SpringBoot+Vue项目部署服务器(阿里云)步骤_第3张图片

我这里是运行 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代理SpringBoot+Vue项目部署服务器(阿里云)步骤_第4张图片

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

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

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

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

ps -ef|grep java
kill 对应线程号

你可能感兴趣的:(java,nginx,spring,boot,vue.js)