首页 > 其他分享 >前端发送的请求,是如何请求到后端服务的?

前端发送的请求,是如何请求到后端服务的?

时间:2024-03-10 18:25:44浏览次数:23  
标签:请求 前端 端的 发送给 发送 nginx 服务器

发现问题
通过对前端请求路径以及后端接口地址的对比可以发现,两者其实并不相同,也就是说前端的请求并不是直接去发送给后端的tomcat服务器的,而是前端浏览器首先去请求nginx服务器,然后再通过nginx反向代理将请求转发到后端的tomcat服务器。
提出问题
那么我们为什么不直接将请求直接发送给后端服务器,而是要通过nginx服务器来进行反向代理进行转发请求呢?
解决问题
通过查询资料,我发现了使用nginx反向代理的好处:
1. 提高访问速度:nginx是可以去做缓存,如果请求的是相同的接口地址,就不用去请求后端服务器,可以直接用nginx将缓存数据相应给前端,可以进一步提高访问速度。
2. 进行负载均衡:所谓的负载均衡,就是把大量的请求按照我们指定的方式均衡的分配给集群中的每台服务器。nginx可以将前端发过来的大量请求来分发给多个服务器。
3. 保证后端服务安全:因为正常的实际应用来说,很多的后端的服务并不会直接暴露出来,而是会部署在公司的局域网中,不是对外开放的,而我们前端请求要发送给后端就只会有nginx这一个入口,再由nginx走内网来
转发给后端的服务,所以会提高后端服务的安全。

标签:请求,前端,端的,发送给,发送,nginx,服务器
From: https://www.cnblogs.com/yyNoBug/p/18064533

相关文章

  • 邮箱发送模块
    注入依赖jdk17springboot3<!--发送电子邮件--><dependency> <groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-mail</artifactId></dependency>application配置server:port:9999#......
  • 要确保请求在一次会话中被转发到相同的后端服务器上,可以使用 Nginx 的 ip_hash 或 sti
    要确保请求在一次会话中被转发到相同的后端服务器上,可以使用Nginx的ip_hash或sticky模块来实现。ip_hash模块:ip_hash 模块使用客户端IP地址作为哈希键,将同一IP地址的请求始终转发到相同的后端服务器。要启用 ip_hash 模块,只需在Nginx配置文件的 http 块或......
  • vue前端框架的使用
    最近需要改造一个旧项目,旧项目使用的springremote,需求,将前端页面单独分离出一个应用服务,这里将使用node.js作为服务技术栈使用的前端框架是vue,这里使用的版本是vue2.9听说2.x跟3.x版本有一定的区别.先研究一下2.x之前只知道nodejs能够挂载静态页面云云,之前有项目这样......
  • 【Python使用】python高级进阶知识md总结第2篇:HTTP 请求报文,HTTP响应报文【附代码文
    python高级进阶全知识知识笔记总结完整教程(附代码资料)主要内容讲述:操作系统,虚拟机软件,Ubuntu操作系统,Linux内核及发行版,查看目录命令,切换目录命令,绝对路径和相对路径,创建、删除文件及目录命令,复制、移动文件及目录命令,终端命令格式的组成,查看命令帮助。HTTP请求报文,HTTP响应报文......
  • elasticsearch常用请求接口Rest API示例
    创建shopping索引PUT/shopping查看全部索引GET/_cat/indices查看指定索引GET/shopping删除指定索引DELETE/shopping索引的映射字段属性,是否关键字和加入索引PUT/shopping/_mapping{"properties":{"title":{"type":"text"},&qu......
  • 【前端Vue】Vue从0基础完整教程第1篇:vue基本概念,vue-cli的使用【附代码文档】
    Vue从0基础到大神学习完整教程完整教程(附代码资料)主要内容讲述:vue基本概念,vue-cli的使用,vue的插值表达式,{{gaga}},{{if(obj.age>18){}}},vue指令,综合案例-文章标题编辑vue介绍,开发vue的方式,基本使用,如何覆盖webpack配置,目录分析与清理,vue单文件组件的说明,vue通......
  • 安装前端依赖和运行项目时的问题
    前端1.安装依赖使用WebStorm或VSCode工具打开项目前端源码,在项目根目录运行命令:npminstall--force使用npminstall会报错(这是一个与依赖项冲突相关的问题)。报错:npmERR!codeCERT_HAS_EXPIREDnpmERR!errnoCERT_HAS_EXPIREDnpmERR!requesttohttps://registry.np......
  • 前端保存图片
    importReact,{useRef}from'react';importhtml2canvasfrom'html2canvas';constDownloadImage=()=>{constelementRef=useRef(null);consthandleDownload=()=>{constelement=elementRef.current;html2c......
  • app直播源码,封装调用第三方服务的请求与响应
    在开发app直播源码的过程中,经常会遇到调用一些第三方的请求与响应,如果只是简单的两种请求与响应那么我们只需要去简单的去封装请求头与请求体即可,并且拼接第三方调用的key即可,但是遇到一些流程比较繁琐的调用就显得非常的麻烦了。而高效的去封装这些服务的请求与响应实体不仅......
  • 【前端Vue】社交信息头条项目完整笔记第1篇:一、项目初始化【附代码文档】
    社交媒体-信息头条项目完整开发笔记完整教程(附代码资料)主要内容讲述:一、项目初始化使用VueCLI创建项目,加入Git版本管理,调整初始目录结构,导入图标素材。二、登录注册准备,实现基本登录功能,登录状态提示,表单验证。三、个人中心,四、首页—文章列表TabBar处理,页面布局,处......