先来说一下什么是同源策略同源(域名、协议、端口相同)策略是一种约定，是浏览器最核心也是最基本的安全功能，如果缺少了同源策略，浏览器的正常功能将受到影响。什么是跨域？跨域就是跨域名，跨端口，跨协议（非同源策略）。跨域分类简单说，跨域分为 简单跨域 和 复杂跨域。简单跨域：不会发送OPTIONS请求。复杂跨域：会发送一个预检查OPTIONS请求。复杂跨域的条件是：①、非GET、HEAD、POST请求。
转载
2024-03-10 14:18:03
323阅读
什么是跨域 跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。 所谓同源是指，域名，协议，端口相同。浏览器执行javascript脚本时，会检查这个脚本属于那个页面，如果不是
利用Nginx轻松实现浏览器中Ajax的跨域请求(前后端分离开发调试必备神技)前言为什么会出现跨域?造成跨域问题的原因是因为浏览器受到同源策略的限制,也就是说js只能访问和操作自己域下的资源，不能访问和操作其他域下的资源。跨域问题主要是针对js和Ajax的，同源策略为保障浏览器安全。不同的域名, 不同端口, 不同的协议是不允许共享资源的，解决跨域问题的常见方式JSONPiframe...(此处省略
转载
2023-12-20 17:25:43
213阅读
1、跨域和同源策略什么是同源策略？ 同源策略是指浏览器处于安全考虑的情况下，只允许本域下的借口进行交互。不同源的客户端在没有授权的情况下是不允许获取对方资源的。本域指的是什么？ 同协议：例如相同的http或https &nb
转载
2024-06-26 14:21:08
595阅读
server { listen 80; server_name localhost; location ^~/a
原创
2017-01-12 13:27:22
613阅读
server {
listen 80;
server_name xxx.joshua317.com;
#proxy_set_header Host $host;
#proxy_set_header X-Real-Ip $remote_addr;
#proxy_set_header X-Forwarded-For $remote_add
原创
2024-03-13 00:14:53
90阅读
目录1. 背景2. 跨域原因3. 跨域的解决方案3.1 CORS（跨域资源共享）3.2 nginx反向代理1. nginx介绍（正向代理、反向代理、负载均衡）2. nginx反向代理解决跨域的思路3. nginx解决跨域具体步骤 1. 背景最近在实现一个页面中加载直播视频的小功能，客户只给了直播流地址，是基于http协议的HLS格式视频。使用h5播放该地址会出现了跨域的问题，去网上看了很多资料，
转载
2024-03-12 17:54:02
124阅读
Nginx简介Nginx 是一款由俄罗斯的程序设计师 Igor Sysoev 所开发的高性能的 http 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器，它的主要功能有：反向代理负载均衡HTTP 服务器目前大部分运行的 Nginx 服务器都在使用其负载均衡的功能作为服务集群的系统架构。功能说明在上文中介绍了三种 Nginx 的主要功能，下面来讲讲 具体每个功能的作用。一、反向代理
转载
2024-03-27 10:46:33
406阅读
在开始之前，有两个前置知识点：正向代理和反向代理的区别，为什么会跨域。关于这两个问题，网上有很多资料，参考资料里也有一些我觉得比较好的材料，就只简单提一下。正向代理需要知道代理服务器和目标服务器，是我们主动通过代理到达目标；而反向代理只需要知道代理就行了，我们把请求交给代理，代理会帮我们交给合适的目标。我们设想这样一个场景，某天中午我们想出去吃一顿（我们是客户端，食物相当于客户端需要的数据），我们
转载
2024-07-11 21:24:36
40阅读
代理和反向代理的概念？不知道有多少人跟我一样，对代理和反向代理蒙蔽的，今天就来给大家普及一下。在很久以前小明去吃饭，往往就是走进一家饭店然后打开菜单，点着他最爱的红烧肉，然后等着老板上菜，吃完交钱溜了溜了。这个时候小明和饭店是一对一的关系。客户和服务商之间完全透明化，小明知道这家餐馆的名字，餐馆也知道小明的名字。 后来有了第三方订餐外卖平台（代理），小明懒得动身前往饭店，小明打个电话或用APP，先
server { listen 8811 default_server; root /opt/bp; # Make site accessible from http://localhost/ server_name localhost; location / { if ( $request_met
转载
2018-08-10 19:35:00
341阅读
一、前言当我们进行开发时，经常会遇到跨域问题，这种情况常见的话一般分为以下几种：1、后台无法开放访
原创
2023-04-05 12:34:04
1929阅读
利用Nginx轻松实现浏览器中Ajax的跨域请求(前后端分离开发调试必备神技)前言为什么会出现跨域?造成跨域问题的原因是因为浏览器受到同源策略的限制,也就是说js只能访问和操作自己域下的资源，不能访问和操作其他域下的资源。跨域问题主要是针对js和Ajax的，同源策略为保障浏览器安全。不同的域名, 不同端口, 不同的协议是不允许共享资源的，解决跨域问题的常见方式JSONPiframe...(此处省略
转载
2024-06-05 14:47:00
201阅读
跨域问题跨域是指请求已经到达服务器了，只不过在回来的时候被浏览器限制了。就像Python他可以进行抓取数据一样，不经过浏览器而发起请求是可以得到数据，想到通过Nginx的反向代理来解决跨域问题。代理服务器代理服务器，客户机在发送请求时，不会直接发送给目的主机，而是先发送给代理服务器，代理服务接受客户机请求之后，再向主机发出，并接收目的主机返回的数据，存放在代理服务器的硬盘中，再发送给客户机。正向代
转载
2024-08-19 14:07:01
269阅读
1.概述上篇讲述了关于跨域的后端解决方案，本文将展示利用反向代理服务器nginx，来解决跨域问题。闲话少说，直接开干！2.基于Nginx反向代理配置首先讲一下利用nginx反向代理的原理：前端不直接请求后端服务，而是通过nginx去转发请求，也就是前端请求nginx，在nginx配置中添加允许跨域请求的配置，这样由nginx转发后的请求便能读取到后端服务数据，再返回给前端。流程如下图所示： 本文将
转载
2024-02-26 20:42:54
773阅读
HTML5 的到来促进了前后端分离开发的发展，所谓分离即分离接口和页面。 部署的时候一般都把接口部署在单独的域名下面，带上 api 前缀，页面则用主域名。 例如：页面域名：www.example.com接口域名则为：api.example.com同源策略同源策略 限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。上面的两个域名不相同，所以
转载
2024-07-27 14:31:21
68阅读
请求发送了两次，这是什么原因呢？这种请求是因为它是applocayion/json格式的请求，在请求一个资源的时候，先会发送一个预检请求，然后才会发送真正的请求，那为什么报错了跨域问题呢，是因为当前这个请求的Content-Type请求值不被支持要解决此类问题需要，在请求头上添加对应的规则：1.#允许请求的header
add_header 'Access-Control-Allow-H
转载
2024-06-27 11:14:48
140阅读
一. 产生跨域的原因1.浏览器限制2.跨域3.XHR（XMLHttpRequest）请求
二. 解决思路解决跨域有多重，在这里主要讲用nginx解决跨域1.JSONP2.nginx代理3.浏览器禁止检查跨域
三. 下载安装nginx选择其中一个版本下载，再解压即可使用在nginx目录下输入nginx -v，若出现版本号，则安装成功四. nginx反向代理解决跨域（客户端解决跨域）1.我们使用jq
转载
2024-03-08 21:03:42
2345阅读
当出现403跨域错误的时候No'Access-Control-Allow-Origin'headerispresentontherequestedresource，需要给Nginx服务器配置响应的header参数：一、解决方案只需要在Nginx的配置文件中配置以下参数：location/{add_headerAccess-Control-Allow-Origin*;add_head
转载
2019-11-06 11:30:06
4427阅读
今天遇到两个问题 问题场景 function (){ let image = new Image(); // 解决跨域 Canvas 污染问题 image.setAttribute("crossOrigin", "anonymous"); image.onload = function() { le ...
转载
2021-08-18 15:46:00
745阅读
2评论
