一、问题背景 之前使用django+vue进行前后端分离碰到跨域请求问题，跨域（域名或者端口不同）请求问题的本质是由于浏览器的同源策略导致的，当请求的响应不是处于同一个域名和端口下，浏览器不会接受响应，同源策略也是浏览器针对请求的安全问题所作出的一种保护行为。针对跨域问题，可以有下面的解决方式： J ...
分类：
其他好文 时间：
2019-10-22 14:54:55
阅读次数：
106
如果脚本网址与网页网址不在同一个域(比如使用了 CDN), 那如果这个脚本执行报错了, 就会报:Script error. 由于同源策略, 浏览器禁止向外部脚本泄漏信息, 因此不会提供完整的报错信息, 而是报一个 “Script error.”，行号为0，其他信息都没有. 一种解决方法是: 在脚本所 ...
分类：
其他好文 时间：
2019-10-22 12:59:59
阅读次数：
105
我发现大部分技术人，多多少少都会遇到下面的困惑，比如： AJAX 跨域访问时总被浏览器的同源策略阻止，其背后的原理及符合其设计思想的解决方案是什么？ AJAX 跨域访问时总被浏览器的同源策略阻止，其背后的原理及符合其设计思想的解决方案是什么？ 缓存可以提升性能，但什么样的 HTTP 消息才会被浏览器 ...
分类：
Web程序 时间：
2019-10-22 00:38:02
阅读次数：
395
跨域和CORS 本节目录 [TOC] 一 跨域 同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。 同源策略，它是由Nets ...
分类：
其他好文 时间：
2019-10-21 09:29:01
阅读次数：
92
在项目中发现ajax中出现两次请求，OPTIONS请求和GET请求，得到的数据出错，所以想要去掉OPTIONS请求。 ajax请求如下： 查看到浏览器NetWork有两次请求，请求url一样： 查找原因是浏览器对简单跨域请求和复杂跨域请求的处理区别。 XMLHttpRequest会遵守同源策略(sa ...
分类：
Web程序 时间：
2019-10-18 22:09:39
阅读次数：
119
楔子 什么是同源策略 同源策略，它是由Netscape提出的一个著名的安全策略。现在所有支持JavaScript 的浏览器都会使用这个策略。所谓同源是指，域名，协议，端口相同。当一个浏览器的两个tab页中分别来自127.0.0.1:8000和127.0.0.1:8001的页面,当浏览器的127.0. ...
分类：
编程语言 时间：
2019-10-17 22:06:59
阅读次数：
100
路由跳转 路由传参 第一种 第二种 可以完成跨组件传参的四种方式 vuex仓库插件 vue-cookie插件 axios插件 跨域问题（同源策略） element-ui插件 ...
分类：
移动开发 时间：
2019-10-17 14:10:47
阅读次数：
134
//ajax 就是通过js发送请求，默认的ajax是有缓存的，可以通过加上时间挫来刷新缓存，如果是jquery 可以设置 chace=false 来清除缓存 //ajax 发送请求有同源策略的限制，实际上通过ajax向不同域的服务器发送请求，服务器会收到请求，浏览器上f12也可以看到请求结果，但是j ...
分类：
Web程序 时间：
2019-10-16 18:10:14
阅读次数：
132
什么是跨域？ 跨域是由于浏览器的同源策略造成的，是浏览器施加的安全限制。 什么是同源策略？ 同源策略是一种约定，是浏览器最核心最基本的安全功能，缺少同源策略，浏览器容易收到XSS、CSRF等攻击。 同源策略是：拥有相同的协议、域名、端口号的网址间才可以相互访问资源。 一个域的页面去访问另一个域的资源 ...
分类：
其他好文 时间：
2019-10-13 18:57:42
阅读次数：
119
什么是跨域：a.com 域名下的js无法操作b.com或是c.a.com域名下的对象 为什么浏览器要引入跨域问题? 跨域问题来源于浏览器的同源策略，为啥要有这个策略呢？ 为了安全。假设现在有a.com 和b.com 两个域，如果没有同源策略的限制，那么a.com就可以随随便便就去b.com 里面拿东 ...
分类：
Web程序 时间：
2019-10-08 21:43:49
阅读次数：
139
