一、导读有过跨域请求的同学们应该发现过一个http请求有时会请求2次的时候，今天就给大家说说这个http请求的OPTIONS 方法是如何产生以及作用是啥。二、解释互联网上的各个节点之间本来都是连通的，但是有些节点，比如我们的个人电脑连接另外一些节点（比如服务器）的时候，总是通过浏览器。这样，浏览器作为一个中间人，就有机会管理一些连接，就好像高速路上的收费站检查进出的车辆。这个类比还有一个可以借鉴的
转载
2024-03-20 14:59:06
90阅读
最近在从0开始学习构建vue项目，偶尔记录笔记。首先我们知道跨域是浏览器为了安全而做出的限制策略，保证浏览器的请求只能遵循同源策略：同域名、同端口、同协议。常用的解决跨域问题的方法有CORS跨域、JSONP跨域、代理跨域等。其中CORS跨域只需要后端进行修改即可，但后端方面改动会略为麻烦；JSONP跨域的话前后端都需要修改，前端不仅要另外下载jsonp插件，并且不能使用axios来进行请求，后期修
转载
2024-01-29 15:55:39
125阅读
前言： 在前端发出Ajax请求的时候，有时候会产生跨域问题，报错如下:Access to XMLHttpRequest at ‘http://127.0.0.1/api/post’ from origin ‘null’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the
转载
2023-08-25 12:21:53
1437阅读
1.video 不能 自动播放据新政策，媒体内容将在满足以下至少一个的条件下自动播放：a.音频被静音声音设置为0 , 即video新增mutedb.用户和网页上的交互行为（包括点击、触摸、按下某个键等）c.网站已被触发这白名单；如果浏览器确定用户经常与媒体互动，
原创
2021-07-22 13:41:41
10000+阅读
1.video 不能 自动播放据新政策，媒体内容将在满足以下至少一个的条件下自动播放：a.音频被静音声音设置为0 , 即video新增mutedb.用户和网页上的交互行为（包括点击、触摸、按下某个键等）c.网站已被触发这白名单；
原创
2022-01-29 10:23:22
460阅读
# 如何实现html5 video跨域
---
## 整体流程
下面是实现html5 video跨域的步骤：
| 步骤 | 描述 |
| --- | --- |
| 1 | 设置服务器响应头允许跨域请求 |
| 2 | 使用video标签播放跨域视频 |
| 3 | 在视频标签内添加crossorigin属性 |
---
## 具体步骤
### 步骤一：设置服务器响应头允许跨域请求
原创
2024-02-21 06:11:06
2236阅读
前言定义浏览器为了保证用户信息的安全，防止恶意网站窃取数据，禁止不同域之间的js交互。对于浏览器而言，只要协议、域名、端口其中有一个不同就会触发同源策略，造成跨域，从而限制交互cookie、storage、indexDB等不能获取ajax不能发送请求、dom树无法获得为什么要限制跨域访问如果一个网页可以随意的访问另一个网站的资源，就有可能在用户完全不知情的情况下出现安全问题浏览器出于安全问题，对同
转载
2023-11-11 11:05:59
166阅读
这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果:要解决跨域的问题，我们可以使用以下几种方法：一、通过jsonp跨域在js中，我
转载
2023-09-29 23:55:51
140阅读
跨域请求的概念 当前发起请求的域与该请求指向的资源所在的域不一样。这里的域指的是这样的一个概念：我们认为当协议 + 域名 + 端口号均相同，那么就是同源。 而当协议 + 域名 + 端口任意一个不相同时，那么这个请求就当作是不同的域 。也就是跨域请求。 例如我们所在的地址为http://localhost/ajax向http://127.0.0.1发送一个Ajax 请求，因为当前的域名不同，不是同一
转载
2023-11-24 10:46:00
42阅读
js -- 跨域问题 前言 出于浏览器同源策略的影响，浏览器会阻止一个域的 js 脚本和另一个域的内容进行交互，因此产生了跨域问题，该问题也经常在面试和开发中遇到，本文来总结一下相关知识点。正文 1、什么是同源策略 因为浏览器出于安全考虑，存在同源策略，就是说如果协议、域名、端口号有一个不同就产生了跨域，不同域之间的资源是不能交互的，比如：Ajax 请求别的域的资源就会失败，无法读
转载
2023-12-02 21:52:41
170阅读
同源策略:
JS只能与同一个域中的页面进行通讯，必须是协议、域名、端口都相同，相同域下才能相互通信，这可以被认为是一种通信原则，叫同源策略。
转载
2023-06-06 09:16:30
113阅读
谈到跨域，首先就得先说到同源策略。那么，到底什么是同源策略呢？ 所谓“同源”，是指 协议、域名、端口三者都一致，同源策略会限制以下几种情况： 1）、Cookie、LocalStorage的值无法获取； 2）、DOM、JS 对象无法获得； 3）、Ajax请求不能发送。 那么，我们解决跨域问题的方案又有哪些呢？ 1、通过 jsonp 解决跨域： 需要后台设
转载
2023-06-08 14:42:47
156阅读
js中几种实用的跨域方法原理详解
这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果:要解决跨域的问题，我们可以使用以下几种方
转载
2023-08-10 23:40:36
60阅读
js跨域解决方案跨域，是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对 JavaScript 实施的安全限制，那么只要协议、域名、端口有任何一个不同， 都被当作是不同的域。 跨域原理，即是通过各种方式， 避开浏览器的安全限制。1 跨域资源共享(cors)后台服务器端通过设置 Access-Control-Allow-Origin 即可，前端无需设置，若要带 cookie
转载
2023-08-16 18:57:30
145阅读
1.什么是跨域 2.常见跨域方式1）JSONPJSONP是JSON with padding（填充式JSON或参数是JSON）的简写，是应用JSON的一种新方法，JSONP看起来和JSON差不多，只不过是被包含在函数调用的JSON，像这样：callback({name: 'nany'})。百度的搜索就是用的这个原理，首先看一下输入一个s然后打开网络将这个地址复制打开并且保存
转载
2023-08-20 13:41:24
138阅读
最近使用uni-app框架在做H5页面，在添加Token到请求头发送请求到后台请求数据的时候，前端页面控制台报错了。去查了很多资料，发现这是浏览器跨域请求产生的问题。特此记录一下问题的原因和解决办法。 1、什么是跨域？（1）由于浏览器同源策略，凡是发送请求url的协议、域名、端口三者之间任意一个与当前页面地址不同即为跨域。跨域就指着协议，域名，端口不一致，出于安全
转载
2023-07-10 01:26:15
170阅读
只要协议、域名、端口有任何一个不同，都被当作是不同的域。 下表给出了相对http://store.company.com/dir/page.html同源检测的结果: 要解决跨域的问题，我们可以使用以下几种方法： 一、通过jsonp跨域 在js中，我们直接用XMLHttpRequest请求不同域上的数据时，是不可以的。但是，在页面上引入不同域上的js脚本文件却是可以的，jsonp正是利用这个特性来
转载
2023-11-18 15:49:55
64阅读
&nbs
转载
2023-12-10 18:42:13
105阅读
前言 出于浏览器同源策略的影响，浏览器会阻止一个域的 js 脚本和另一个域的内容进行交互，因此产生了跨域问题，该问题也经常在面试和开发中遇到，本文来总结一下相关知识点。正文 1、什么是同源策略 因为浏览器出于安全考虑，存在同源策略，就是说如果协议、域名、端口号有一个不同就产生了跨域，不同域之间的资源是不能交互的，比如：Ajax 请求别的域的资源就会失败，无法读取别的域中网页的 Cookie
转载
2023-07-06 15:46:48
139阅读
产生跨域问题的原因 跨域问题是浏览器同源策略限制，当前域名的js只能读取同域下的窗口属性。 跨域问题产生的场景 当要在在页面中使用js获取其他网站的数据时，就会产生跨域问题，比如在网站中使用ajax请求其他网站的天气、快递或者其他数据接口时以及hybrid app中请求数据，浏览器就会提示以下错误。这种场景下就要解决js的跨域问题。XMLHttpRequest cannot load http:
转载
2024-01-29 01:47:02
101阅读
