导读 由于浏览器对于JavaScript的同源策略的限制，导致A网站(Ajax请求)不能通过JS去访问B网站的数据，于是跨域问题就出现了。 跨域指的是域名、端口、协议的组合不同就是跨域。 http://www.chenyanbin.com/ https://www.chenyanbin.com/ h ...
分类：
编程语言 时间：
2019-12-15 18:51:24
阅读次数：
132
解决跨域问题 1 什么是跨域 跨域:是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。通常所说的跨域是狭义的，是由浏览器同源策略限制的一类请求场景。从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都是跨域。 域名:记忆网络电脑ip很难记,就给它取了一个名字来记 ...
分类：
其他好文 时间：
2019-12-09 01:44:41
阅读次数：
101
什么是跨域?由于浏览器具有同源策略的限制,所以在浏览器发送 Ajax 请求时,当前域名和ajax请求发送的域名不通,则浏览器会阻止. 如何解决跨域? cors,本质上通过设置响应头来解决(主流的方式). [代码实例] jsonp,用巧妙的方式绕过浏览器同源策略的限制. (只能发GET请求) [代码实 ...
分类：
其他好文 时间：
2019-12-08 12:18:15
阅读次数：
105
首先我们先了解下跨域的概念： 出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的 ...
分类：
其他好文 时间：
2019-12-04 13:02:08
阅读次数：
78
同源策略 如果两个 URL 的协议、域名和端口都相同，我们就称这两个 URL 同源。 同源策略限制了来自不同源的 JavaScript 脚本对当前 DOM 对象读和写的操作。 同源策略限制了不同源的站点读取当前站点的 Cookie、IndexDB、LocalStorage 等数据。 同源策略限制了通 ...
分类：
Web程序 时间：
2019-12-03 21:49:00
阅读次数：
122
跨域： 跨域的条件：同源策略（协议 域名 端口 三者）三者任一不同就为跨域 跨域的解决方案 jsonp （json padding) (callback({a: 1, b: 2})) 前端定义好这个函数的业务逻辑，利用script标签可以引入任意外部的资源 cors（跨站资源共享） 在使用时前端正常 ...
分类：
其他好文 时间：
2019-12-02 11:48:52
阅读次数：
86
前几天在帮后端排查一个cors的问题的时候发现的一些小坑特此记录 ** cors的本质是出于安全原因，浏览器限制从脚本内发起的跨源HTTP请求。 例如，XMLHttpRequest和FetchAPI遵循同源策略。 这意味着使用这些API的Web应用程序只能从加载应用程序的同一个域请求HTTP资源，除 ...
分类：
Web程序 时间：
2019-12-01 22:51:34
阅读次数：
136
同源策略 同源策略是一种约定,它是浏览器最核心也是最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能会受到影响.可以说Web是构建在同源策略的基础之上的,浏览器只是针对同源策略的一种实现. 浏览器的同源策略,限制了来自不同源的"document"或脚本,对当前"document"读取或设置 ...
分类：
其他好文 时间：
2019-12-01 20:57:54
阅读次数：
97
[TOC] 一 同源策略 同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现 请求的url地址,必须与浏览器上的url地址处于 ...
分类：
其他好文 时间：
2019-11-15 00:08:25
阅读次数：
65
jsonp的实现原理 1 由于浏览器的安全性(同源策略)限制，不允许AJAX访问协议不同或域名不同或端口号不同的数据接口；2 可以通过动态创建script标签的方式，把script标签的src属性指向数据接口的地址，因为script标签不存在跨域限制，这种数据获取方式称为jsonp[由原理可知其只支 ...
分类：
Web程序 时间：
2019-11-12 01:02:23
阅读次数：
101
