nginx反向代理失效前端无法获取后端的数据解决办法

 更新时间:2023年12月15日 11:05:17   作者:快来救救我  
Nginx服务器的反向代理服务是其最常用的重要功能,由反向代理服务也可以衍生出很多与此相关的Nginx服务器重要功能,下面这篇文章主要给大家介绍了关于nginx反向代理失效前端无法获取后端的数据解决的相关资料,需要的朋友可以参考下

原理:

正向代理:正向代理代理的是客户端。比如我们无法直接在浏览器上访问YouTube,但我们开个加速器,就可以访问了,此时这个加速器就是正向代理服务器。这个加速器能访问YouTube,加速器接收到我们的请求后,把请求转发到YouTube,YouTube返回资源给加速器,加速器再返回资源给我们,这就是正向代理。

正向代理最大的特点是服务器只清楚请求来自哪个代理服务器,而不清楚来自哪个具体的客户端,正向代理模式屏蔽或者隐藏了真实客户端信息。

反向代理:反向代理代理的是服务器。还是上面的例子,YouTube的每日访问量很大,如果只用一台服务器处理所有请求很容易崩溃,于是会采用分布式部署,有多台服务器处理请求。客户发送请求,DNS服务器把域名解析到nginx服务器上,nginx服务器按照一定规则把请求分发到不同的服务器上进行处理,这时nginx代理的就是YouTube服务器。

nginx隐藏了服务器的信息。

问题:

nginx.conf配置文件内容:

server {
    listen       8092;     #这里把8092改成你的服务在docker容器内运行的端口号
    server_name  localhost;   #这里把localhost改成你的服务器的IP地址

    location /admin/ {    #这里的admin是重点,看下面分析
      proxy_pass http://localhost:56000;   #这里把localhost改成后端服务器的IP地址,把56000改成后端服务的端口号
    }

	location / {
	        root   /usr/share/nginx/html;
	        index  index.html;
	        try_files $uri $uri/ /index.html;
	}
 
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   html;
    }
}

注意:

1、location / 的内容要放在location /admin/ 内容的后面,这是配置优先级的问题,location /是通用配置,location /admin/是精准配置,精准配置的优先级要高于通用配置,如果通用配置放在精准配置前面,有可能发生请求被通用配置匹配,执行不到后面的精准配置,会发生代理无效前后端连接不上的问题。

2、精准配置中的路径问题。首先,检查前端代码中有无进行下面这段配置的行为,如果有,那上面配置文件中的admin就要改成设置的api(或是你设置的其他值);如果前端中没有进行这样的配置,就检查后端所有的接口路径是否都有统一的前缀,如果有,就把上面的admin改成你统一的前缀,如果没有,就在手动在前端配置前缀或者在后端接口上配置前缀。不然,无法进行匹配,请求就无法转发到后端接口,前后端就连接不上。

// 创建axios实例
const service = axios.create({
  baseURL: "/api", // 我们配置的代理路径,得和等下nginx配置的后端服务路径匹配
  // baseURL: "process.env.BASE_URL", 
  timeout: 60 * 1000 // 请求超时时间
})

附:检查nginx的错误日志,基本常见的有以下几种原因造成的

1.反向代理会根据转发数据大小,若过大会自动使用upstream

2.代理的时候若不想请求头发生变化可以做如下设置

proxy_set_header Host $host:$server_port;

$host 就是server_name

$server_port 就是server中配置的端口

3.运行nginx的用户没有权限

可修改nginx.conf的执行用户为root,或是赋予当前执行用户相应权限。

总结 

到此这篇关于nginx反向代理失效前端无法获取后端的数据解决的文章就介绍到这了,更多相关nginx反向代理失效内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 关于nginx proxy_set部分常见配置

    关于nginx proxy_set部分常见配置

    这篇文章主要介绍了关于nginx proxy_set部分常见配置,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-05-05
  • NGINX阻止指定ip的请求问题及解决方案

    NGINX阻止指定ip的请求问题及解决方案

    web页面做了一个功能,在websocket请求失败的情况,会定时向服务端进行重试进行建立连接,这篇文章给大家介绍NGINX阻止指定ip的请求问题及解决方案,感兴趣的朋友一起看看吧
    2024-02-02
  • Nginx配置文件nginx.conf的基本配置实例详解

    Nginx配置文件nginx.conf的基本配置实例详解

    Nginx(engine x)是一个轻量级的高性能的HTTP和反向代理web服务器及电子邮件(IMAP/POP3)代理服务器,下面这篇文章主要给大家介绍了关于Nginx配置文件nginx.conf基本配置的相关资料,需要的朋友可以参考下
    2022-09-09
  • windows下nginx服务关不掉问题解决

    windows下nginx服务关不掉问题解决

    这篇文章主要给大家介绍了关于windows下nginx服务关不掉问题解决的相关资料,nginx是一种网络服务器,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-08-08
  • 利用njs模块在nginx配置中引入js脚本

    利用njs模块在nginx配置中引入js脚本

    这篇文章主要给大家介绍了关于利用njs模块在nginx配置中引入js脚本的相关资料,通过这个脚本实现一些更复杂的 nginx 配置功能,需要的朋友可以参考下
    2021-12-12
  • Nginx之为已安装nginx动态添加模块的方法

    Nginx之为已安装nginx动态添加模块的方法

    本篇文章主要介绍了Nginx之为已安装nginx动态添加模块的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-04-04
  • Nginx解决403 forbidden的完整步骤

    Nginx解决403 forbidden的完整步骤

    这篇文章主要给大家介绍了关于Nginx解决403 forbidden的完整步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-09-09
  • Nginx下配置301重定向的正确方法例子

    Nginx下配置301重定向的正确方法例子

    这篇文章主要介绍了Nginx下配置301重定向的正确方法例子,本文给出了常用的配置方法例子和正确的配置例子,需要的朋友可以参考下
    2015-03-03
  • Nginx速查手册及常见问题

    Nginx速查手册及常见问题

    Nginx是一款轻量级的HTTP服务器,采用事件驱动的异步非阻塞处理方式框架,这让其具有极好的IO性能,时常用于服务端的反向代理和负载均衡,这篇文章主要介绍了Nginx速查手册及常见问题,,需要的朋友可以参考下
    2022-04-04
  • nginx lua集成kafka的实现方法

    nginx lua集成kafka的实现方法

    这篇文章主要介绍了nginx lua集成kafka的实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08

最新评论