浏览器跨域办法

简介: 参考文章: https://www.cnblogs.com/2050/p/3191744.html开发中的跨域办法总结一、jsonp实现思路:前端请求:html页面发送请求的时候在请求地址上加上参数callback=xxx,比如callba...

参考文章: https://www.cnblogs.com/2050/p/3191744.html
开发中的跨域办法总结

一、jsonp

实现思路:
前端请求:html页面发送请求的时候在请求地址上加上参数callback=xxx,比如callback=test(当然callback也可以是别的,需要跟服务器端约定),同时,本地必须有一个叫test的函数
服务器端:接收到请求的时候,解析参数,得到前端传来的函数名test,然后给前端返回数据的时候把test也带上,比如要返回{a:2,b:3},实际返回的是字符串'test({"a":"2","b":"3"})',而浏览器收到这段字符串的时候,就会自动的去执行字符串里的代码,最终执行的就是test({a:2,b3}),就拿到了实际的数据{a:2,b:3};

二、通过修改document.domain来跨子域

实际就是把两个域让他们的变成同域的,有条件限制,必须主域相同才可以

三、使用window.name来进行跨域

在一个窗口(window)的生命周期内,窗口载入的所有的页面都是共享一个window.name,

四、使用HTML5中新引进的window.postMessage方法来跨域传送数据

一个页面有几个框架的那种情况下,每一个框架都有一个window对象,他们之间可以通过postMessage传递信息

五、服务器设置跨域

php、java等都可以设置允许哪些命名访问

六、给浏览器设置跨域(开发时常用)

七、使用代理

我们经常使用webpack就可以设置

目录
相关文章
|
Web App开发 JSON 安全
Chrome浏览器的跨域问题
【10月更文挑战第6天】
3195 123
|
Web App开发 存储 前端开发
Chrome浏览器的跨域问题
Chrome浏览器的跨域问题
1461 128
|
前端开发 安全 应用服务中间件
前端经典面试题 | 浏览器跨域
前端经典面试题 | 浏览器跨域
427 1
|
移动开发 JSON JavaScript
|
Web App开发 JSON 数据格式
【Azure Developer】浏览器查看本地数据文件时遇见跨域问题(CORS)
【Azure Developer】浏览器查看本地数据文件时遇见跨域问题(CORS)
295 0
【Azure Developer】浏览器查看本地数据文件时遇见跨域问题(CORS)
|
Web App开发 JSON 安全
【跨域难题终结者】:一键解锁Chrome浏览器神秘设置,彻底告别开发阶段的跨域烦恼!
【8月更文挑战第20天】跨域是前端开发常遇难题,尤其在前后端分离项目中。浏览器因安全考量会阻止不同源间的请求。本文对比CORS、JSONP、代理服务器等解法,并介绍开发阶段通过调整Chrome设置来临时禁用跨域限制的方法,提供启动Chrome及使用`fetch`API示例,适合快速测试。但请注意这不适用于生产环境,存在一定安全风险。
4534 1
|
Web App开发 JSON 数据格式
【Azure Developer】浏览器查看本地数据文件时遇见跨域问题(CORS)
Access to XMLHttpRequest at 'file:///C:/Users/.../failedrequests.json' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome-untrusted, https, edge. reportdata/failedrequests.json:1 Fail
534 1
|
前端开发 Java 应用服务中间件
无域可安宁?浏览器跨域问题详解与应对
无域可安宁?浏览器跨域问题详解与应对
355 10
|
移动开发 JSON JavaScript
浏览器跨域
浏览器跨域
224 0
|
安全 前端开发 JavaScript
CORS是W3C标准,解决浏览器同源策略限制的跨域数据访问。
【6月更文挑战第27天】CORS是W3C标准,解决浏览器同源策略限制的跨域数据访问。它通过服务器在HTTP响应头添加`Access-Control-Allow-*`字段允许特定源请求。简单请求无需预检,非简单请求会发OPTIONS预检请求。服务器配置CORS策略,客户端正常请求,浏览器自动处理。若未正确配置,浏览器将阻止响应,保障安全。
412 0