先说说JSONP是怎么产生的： 1、一个众所周知的问题，ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态页面、web服务、WCF，只要是跨域请求，一律不准。 2、不过我们又发现，web页面上调用js文件时则不受跨域的影响（不仅如此，我们还发现凡是拥有“src”这个属性的标签都 ...
分类：
Web程序 时间：
2018-10-17 00:02:44
阅读次数：
220
1.做前后端分离 前端使用Vue程序，后端使用Django配合rest-framework。 那么前端Vue通过API接口拿到数据会出现跨域的问题，JSONP只是在get中会用到的，所以这里使用cors来解决一下。 一个Vue程序通过ajax或者axios发送一个请求过来，这里需要做一个允许跨域请求 ...
分类：
其他好文 时间：
2018-10-14 17:48:17
阅读次数：
222
同源策略 同源策略是浏览器保护用户安全上网的重要措施，协议、域名、端口号三者相同即为同源。 不同源下，浏览器不允许js操作Cookie、LocalStorage、DOM等数据或页面元素，也不允许发送ajax请求，同源下则不受影响。 下图是在Chrom控制台中发送ajax跨域请求的报错信息： 图片中黄 ...
分类：
其他好文 时间：
2018-10-14 11:31:33
阅读次数：
156
问题一、浏览器是先执行请求还是先判断跨域？ 浏览器请求-->判断响应中是否有允许跨域-->发现不允许跨域,阻止跨域 说明：当执行跨域请求时，浏览器会提示当前接口不被允许，这说明浏览器已发出了当前请求，但是它的的响应内容被拦截；如果在Response header中的Access-Control-Al ...
分类：
其他好文 时间：
2018-10-13 22:41:18
阅读次数：
242
fetch(url,{ method:'post', mode:"cors", //允许跨域 no-cors不允许跨域 // credentials:"include", //跨域请求时是不带cookie的，添加该属性表示强制加入凭据头,请求时就会携带cookie。但是如果加上这个属性，那么服务器的... ...
分类：
其他好文 时间：
2018-10-12 11:54:32
阅读次数：
117
项目中有这样一个页面。页面加载的时候会同时并发6个ajax请求去后端请求下拉框。 这样会导致每次都有1~2个“浏览器预请求”不通过。 浏览器为什么会自动发送“预请求”？请看以面连接 https://blog.csdn.net/charleslei/article/details/51906635 那 ...
分类：
Web程序 时间：
2018-10-10 17:50:53
阅读次数：
953
浏览器的同源策略 ? 提到跨域不能不先说一下”同源策略”。 ? 何为同源？只有当协议、端口、和域名都相同的页面，则两个页面具有相同的源。只要网站的 协议名protocol、 主机host、 端口号port 这三个中的任意一个不同，网站间的数据请求与传输便构成了跨域调用，会受到同源策略的限制。 ? 同 ...
分类：
其他好文 时间：
2018-10-10 12:10:14
阅读次数：
190
对于django 安装django-cors-headers，详情请看官方文档 配置settings.py文件 a.在INSTALLED_APPS里添加“corsheaders” b.在MIDDLEWARE_CLASSES添加 ‘corsheaders.middleware.CorsMiddlewa ...
分类：
其他好文 时间：
2018-10-08 10:23:19
阅读次数：
477
ajax请求受同源策略影响，不允许进行跨域请求，而script标签src属性中的链接却可以访问跨域的js脚本，利用这个特性，服务端不再返回JSON格式的数据，而是返回一段调用某个函数的js代码，在src中进行了调用，这样实现了跨域。 缺点：只能支持GET请求而不能支持POST等其他http请求方式； ...
分类：
Web程序 时间：
2018-09-30 16:44:41
阅读次数：
146
JSONP主要是用来解决跨域问题，原理是动态插入script标签。ajax请求受同源策略影响，不允许进行跨域请求，而script标签src属性中的链接却可以访问跨域的js脚本，利用这个特性，服务器不再返回JSON的脚本数据，而是返回一段调用某个函数的js代码，在src中进行调用，这样实现了跨域。JS ...
分类：
Web程序 时间：
2018-09-30 14:45:59
阅读次数：
145
