nginx的配置转发到其他网站详解

目录
  • 需求
  • 用return 302
  • 用proxy_pass
  • 关于proxy_pass使用的语法,与/有关
  • 其他问题

需求

有这样一个需求:项目中跳转到某个地址,但这个地址不想暴露给用户。

因此我们想到要做一层代理,通过项目某个路径直接用ngnix代理到这个地址。

查询相关文档后,发现方案如下:

用return 302

location /myBaidu {
  return 302 http://baidu.com;
}
  • 这种方案会直接跳转到baidu,并且会改变域名,相当于直接location.href = 'baidu.com' ,显然并不适合我们的需求。
  • 我们想要的效果是代理到百度,但是浏览器的url框内还是/sparkMonitor,那么就用proxy_pass

用proxy_pass

假设我们的网站域名为 http://myorigin.com/

location /myBaidu {
  proxy_pass http://www.baidu.com/;
}

这样配置后就可以由http://myorigin.com/myBaidu直接访问到百度页面,如下图

关于proxy_pass使用的语法,与/有关

当路径加上/:相对路径,此时相当于代理到http://www.baidu.com/

location /myBaidu {
  proxy_pass http://www.baidu.com/;
}

如果访问http://myorigin.com/myBaidu/abc就相当于访问http://www.baidu.com/abc

当路径不加/:绝对路径,,此时相当于代理到http://www.baidu.com/myBaidu

location /myBaidu {
  proxy_pass http://www.baidu.com;
}

如果访问http://myorigin.com/myBaidu/abc就相当于访问http://www.baidu.com/myBaidu/abc

当路径加上/xxx/

location /myBaidu {
  proxy_pass http://www.baidu.com/xxx/;
}
  • 如果访问http://myorigin.com/myBaidu/abc就相当于访问http://www.baidu.com/xxx/abc

当路径加上/xxx

location /myBaidu {
  proxy_pass http://www.baidu.com/xxx;
}
  • 如果访问http://myorigin.com/myBaidu/abc就相当于访问http://www.baidu.com/xxxabc

其他问题

  • 用proxy_pass的方案反向代理到百度页面,没有任何问题。
  • 但是我们项目中是要求跳转到某个内网域名,而且此域名和http://myorigin.com/并没有互通,因此配置代理时,需要配置成ip地址,然后代理成功跳转

但此时打开代理的页面显示没有样式,查看控制台发现了报错如下:

点进去查看错误如下图

  • 由此,问题就很明显了,代理的网站用了根目录绝对路径去找到/static下的jquery文件,因此会直接在我们项目的域名下找http://myorigin.com/static文件,这样是怎么也无法找到代理项目的/static文件,因此jquery找不到报错,页面样式失效
  • 而且不只是/static文件,可能还有其他文件也找不到,而且还有可能路径与路由冲突,引发问题
  • 因此,我们可以得出结论,前端项目的nginx的配置转发到其他网站需要慎重,不是所有网站都可以走前端代理的,需要具体情况具体分析

以上就是nginx的配置转发到其他网站详解的详细内容,更多关于nginx配置转发网站的资料请关注我们其它相关文章!

(0)

相关推荐

  • nginx外网访问内网站点配置操作

    背景: 站点是前后端分离:vue+springboot 前端内网地址:192.168.1.10:81 API内网地址:192.168.1.12:8080 外网域名:abc.ab.com 外网IP:10.114.X.X 需求: 通过域名可以访问站点且站点静态资源且可访问API请求数据 方案一:(前提:外网域名映射服务器外网IP) 1.nginx配置域名监听且访问静态资源 2.重点来了!!!静态资源请求API的地址由192.168.1.12:8080修改为域名访问方式(abc.ab.com:8080

  • Nginx 域名SSL证书配置(网站 http 升级为 https)

    前言 HTTP 和 HTTPS 我们日常生活中,常见的网址大致分为2种: 一种是基于 http 协议,如:http://www.baidu.com 一种是基于 https 协议,如:https://www.baidu.com 现在很多网站出于安全的考虑,会把网站的域名访问从 http 已经升级为 https,如果你不知道 http 和 https 的概念,不妨先看看下面这篇文章:HTTP和HTTPS有什么不同 SSL 证书 那么我们如何将 http 升级为 https 呢? 我们要升级 http

  • Nginx实现https网站配置代码实例

    https基础 443端口. 用于了一个叫密钥的东西. 不要觉得这些东西您不了解也能实现. 不可能的. 1.先成密钥.咱们直接linux下生成 假设nginx目录为 /usr/local/nginx-1.2.9 接下来 cd /usr/local/nginx-1.2.9/conf/; mkdir ssl; cd ssl; #下面开始创建密钥.如果不熟悉完全不必理会为什么这么做照做就可以了 openssl genrsa -des3 -out server.key 1024;#这一步会让您输入密码.

  • Nginx 路由转发和反向代理location配置实现

    Nginx 配置的三种方式 第一种直接替换 location 匹配部分 第二种 proxy_pass 的目标地址,默认不带 /,表示只代理域名,url 和参数部分不会变(把请求的 path 拼接到 proxy_pass 目标域名之后作为代理的URL) 第三种 proxy_pass 的目标地址后增加 /,则表示把 path 中 location 匹配成功的部分剪切掉之后再拼接到 proxy_pass 目标地址 location配置 location [ = | ~ | ~* | ^~ ] uri

  • 使用Docker安装Nginx并配置端口转发问题及解决方法

    使用docker安装并运行nginx命令: docker run --name=nginx -p 80:80 -d docker.io/nginx 使用命令: docker exec -it nginx /bin/bash 进入容器可查看到几个重要的文件 配置文件:nginx.conf 在 /etc/nginx/nginx.conf 日志文件: /var/log/nginx/access.log /var/log/nginx/error.log 使用cat命令打开nginx.conf root@

  • Nginx如何配置根据路径转发详解

    目录 先谈理解: 1.nginx基本概念 2.常用命令以及配置文件 3.nginx配置实例之反向代理 4.nginx配置实例之负载均衡 5.nginx配置实例之动静分离 6.nginx配置高可用集群 Location规则 举例 总结 先谈理解: 1.反向代理:是nginx代理所有的服务器.而正向代理是vpn代理客户端!! 反向代理是配置 proxy_pass 可以只配置一个地址如 : proxy_pass http://127.0.0.1:8081; 也可以配置多个 2.那就是负载均衡 定义负载

  • nginx的配置转发到其他网站详解

    目录 需求 用return 302 用proxy_pass 关于proxy_pass使用的语法,与/有关 其他问题 需求 有这样一个需求:项目中跳转到某个地址,但这个地址不想暴露给用户. 因此我们想到要做一层代理,通过项目某个路径直接用ngnix代理到这个地址. 查询相关文档后,发现方案如下: 用return 302 location /myBaidu { return 302 http://baidu.com; } 这种方案会直接跳转到baidu,并且会改变域名,相当于直接location.h

  • nginx常用配置conf的示例代码详解

    nginx常用配置conf 代理静态文件 # 静态文件 server { # 压缩问价你配置 gzip on; gzip_min_length 1k; gzip_buffers 4 16k; gzip_http_version 1.1; gzip_comp_level 6; gzip_types text/plain text/css application/javascript application/json image/jpeg image/png image/gif; gzip_disa

  • nginx 配置服务启动的教程详解

    1.    先去官网下载nginx 安装到本地 2.    下载Windows Service Wrapper (WinSW.NET4.exe (64) , WinSW.NET2.exe(86)) 根据自己系统去下载相应的 3.    (1)把WinSW.NET4.exe  放到nginx  文件名称改成自己想要的 (2)创建一个.xml的文件,需要跟WinSW.NET4.exe 这个改成自己的文件名字相同 4.    打开.xml 添加下面一段(把路径设置自己nginx路径) <service

  • Nginx反向代理一个80端口下配置多个微信项目详解

    Nginx反向代理一个80端口下配置多个微信项目详解 我们要接入微信公众号平台开发,需要填写服务器配置,然后依据接口文档才能实现业务逻辑.但是微信公众号接口只支持80接口(80端口).我们因业务需求需要在一个公众号域名下面,发布两个需要微信授权的项目,怎么办? 我们可以用nginx服务器做反向代理来解决这个问题.nginx服务器对外80端口,然后根据URL参数不同,对内访问不同的项目. nginx配置如下: 打开/usr/local/nginx/conf/nginx.conf worker_pr

  • keepalived对nginx进行高可用搭建及原理详解

    目录 一.Keepalived介绍 二.Keepalived的应用场景 三.Keepalived的工作原理 1 VRRP协议 2 核心组件 3 分层工作 4 工作状态 四.Keepalived使用 1 配置介绍 2 使用keepalived对nginx进行高可用搭建 2.1 环境准备 2.2 nginx软件安装和配置 2.3 Keepalived软件安装 2.4 监听存活脚本 2.5 最终配置文件 2.6 启动主从的Keepalived 2.7 查看VIP是否启动 2.8 测试 五.需要注意的问

  • windows系统下node.js环境配置与安装教程图文详解(详细版)

    国内目前关注最高,维护最好的一个关于nodejs的网站应该是http://www.cnodejs.org/ windows系统下简单nodejs环境配置. 第一步:下载安装文件 下载地址:官网https://nodejs.org/en/download/ 这里用的是 第二步:安装nodejs 下载完成之后,双击 node-v6.9.1-x64.msi,开始安装nodejs,默认是安装在C:\Program Files\nodejs下面 第三步:安装相关环境 打开C:\Program Files\

  • 找出nginx配置文件的所在位置的方法详解

    对于一台陌生的服务器或安装太久忘了位置,怎么才能简单快速的找到配置文件的位置呢?要找出配置文件的位置,需要先找出nginx可执行文件的路径 , 这里有几种方法: 1.如果程序在运行中 ps -ef | grep nginx # ps -ef | grep nginx root 29514... 对于一台陌生的服务器或安装太久忘了位置,怎么才能简单快速的找到配置文件的位置呢? 要找出配置文件的位置,需要先找出nginx可执行文件的路径 , 这里有几种方法: 1.如果程序在运行中 ps -ef |

  • nginx服务器的下载安装与使用详解

    下载 http://nginx.org/en/download.html 解压 将下载后的 nginx-1.19.8.zip 压缩包解压缩到 D:/applications 目录下. 解压后的目录结构如下: <img src="images\nginx-directory.png" style="zoom:80%;border:1px solid gray;" /> 配置 在 conf 目录中找到 nginx.conf 文件,先备份后再修改该文件. 修改

  • Nginx丢弃http包体处理实例详解

    Nginx丢弃http包体处理实例详解 http框架丢弃http请求包体和上一篇文章http框架接收包体, 都是由http框架提供的两个方法,供http各个模块调用,从而决定对包体做什么处理.是选择丢弃还是接收,都是由模块决定的.例如静态资源模块,如果接收到来自浏览器的get请求,请求某个文件时,则直接返回这个文件内容给浏览器就可以了.没有必要再接收包体数据,get请求实际上也不会有包体.因此静态资源模块将调用http框架提供的丢弃包体函数进行丢包处理. 相比接收包体过程, 丢弃包体操作就简单很

  • Python 登录网站详解及实例

    Python 登录网站详解及实例 对于大部分论坛,我们想要抓取其中的帖子分析,首先需要登录,否则无法查看. 这是因为 HTTP 协议是一个无状态(Stateless)的协议,服务器如何知道当前请求连接的用户是否已经登录了呢?有两种方式: 在URI 中显式地使用 Session ID: 利用 Cookie,大概过程是登录一个网站后会在本地保留一个 Cookie,当继续浏览这个网站的时候,浏览器会把 Cookie 连同地址请求一起发送过去. Python 提供了相当丰富的模块,所以对于这种网络操作只

随机推荐