nginx部署Vue和SpringBoot(前后端多服务混合)

场景需求

公司目前有三套系统
1、门户网站,SpringBoot搭建的前后端一体框架
2、HR系统,SpringBoot做后端、Vue做前端
3、CRM系统,SpringBoot做后端、Vue做前端

要求三个网站统一部署在服务器80端口上:
1、根路径 / 访问 门户网站
2、路径 /hr/ 访问 HR系统
3、路径 /crm/ 访问 CRM系统

测试环境

下文部署所用的环境均为Mac系统下的本地测试环境 ,服务地址均为 http://localhost/

Nginx配置

Mac下Nginx的配置路径:
静态文件存放根路径/usr/local/var/www
配置文件存放根路径/usr/local/etc/nginx / nginx.conf

可能用到的命令:

 nginx -s reload // 重载配置文件
1)nginx.conf 配置解析

首先放出配置文件

# 门户网站
location / {
   
    proxy_pass http://localhost:8001; # 门户网站部署地址
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Nginx可以用来部署Vue和Spring Boot应用程序。 对于Vue应用程序,可以将Vue打包成静态文件,然后将这些文件放在Nginx的静态文件目录中。然后,可以使用Nginx配置文件中的location指令将请求重定向到这些文件。 对于Spring Boot应用程序,可以使用Nginx作为反向代理服务器。在Nginx配置文件中,可以使用proxy_pass指令将请求转发到Spring Boot应用程序的口。此外,还可以使用Nginx的负载均衡功能来分配请求到多个Spring Boot实例。 总之,Nginx是一个非常强大的Web服务器和反向代理服务器,可以用来部署Vue和Spring Boot应用程序。 ### 回答2: Nginx是一个非常流行的Web服务器,也是一款反向代理服务器。在前后分离的开发模式中,Vue作为前框架和Spring Boot作为后框架,Nginx也被广泛应用于这种应用程序的部署和运维中。 Nginx的优点 Nginx具有高性能,高并发,高可靠性和低资源消耗的优点,因此成为了前后分离应用的首选。在前后分离的开发模式中,响应速度非常重要。Nginx可以充分利用多核CPU和操作系统的缓存机制来提高性能,同时还可以支持多种负载均衡算法,提供高可用性和可扩展性,简化了应用程序中的代理和重定向操作。 Vue + Nginx部署 Vue是一款非常流行的前JavaScript框架,具有简单易用,可扩展性强,易于部署的特点。而部署Vue应用的首选是基于Nginx的HTTP服务器。可以将Vue项目构建后,将生成的静态文件放置在Nginx服务器的标准目录下即可,这样浏览器即可通过Nginx访问到Vue应用。具体步骤如下: 1. 安装Nginx服务器 2. 将Vue项目打包成一个静态文件 3. 将打包好的静态文件放置到Nginx服务器的标准目录下 4. 配置Nginx反向代理 Spring Boot + Nginx部署 Spring Boot是一种非常流行的后框架,它可以快速构建Java应用程序。使用Nginx来代理后应用程序可以有效减少连接数,降低负载,并提高应用程序的响应速度。具体步骤如下: 1. 安装Nginx服务器 2. 配置Nginx反向代理 3. 部署Spring Boot应用程序 4. 配置Spring Boot应用程序口 总结 综上所述,Nginx可以作为前后分离应用的反向代理服务器,可以充分利用多核CPU和操作系统的缓存机制来提高性能,同时提供高可用性和可扩展性。在部署Vue和Spring Boot应用程序时,可以根据不同的需求来选择Nginx的不同部署方式,以达到最佳的应用程序性能和可用性。 ### 回答3: nginx是一款高性能的web服务器和反向代理服务器,其与vuespringboot的结合使用能够实现更加出色的web应用性能和效果,下面将具体介绍nginx部署vuespringboot的过程。 1. 部署vue (1)在本地开发好vue应用后,直接运行"npm run build"命令进行打包,将"dist"文件夹中的内容放到服务器上(如/var/www/目录下)。 (2)修改nginx配置文件,新增一个server配置段,并将server_name设置为自己的域名或IP地址: server { listen 80; server_name yourdomain.com; location / { root /var/www/dist; index index.html; } } (3)重启nginx服务,访问自己的域名或IP地址即可查看vue应用。 2. 部署springboot (1)将springboot项目打包成jar包,将其放到服务器上某个目录下(如/opt/springboot/目录下)。 (2)修改nginx配置文件,同样新增一个server配置段,将server_name设置为自己的域名或IP地址,并且将location设置为/springboot/,并将其反向代理到springboot口上: server { listen 80; server_name yourdomain.com; location /springboot/ { proxy_pass http://127.0.0.1:8080/; } } (3)重启nginx服务并启动springboot项目即可。 总结: 通过nginx反向代理服务器的优势,可以大幅提升web应用的运行效率和访问速度,在部署vuespringboot时,只需要简单地配置nginx就可以实现高效的web应用部署和运行。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值