JavaScript中的常见解决跨域的方法



1、 通过jsonp跨域


1.）原生实现：        


2、 document.domain + iframe跨域


此方案仅限主域相同，子域不同的跨域应用场景。
  1.）父窗口：(http://www.domain.com/a.html)            


2.）子窗口：
         (http://child.domain.com/b.html)            


3、 nginx代理跨域
 4、 nodejs中间件代理跨域
 5、 后端在头部信息里面设置安全域名


 
												


											
js解决跨域问题的更多相关文章
	

    
						
  1. 后台访问 JS解决跨域问题
		
    今天看了看以前做的一个小项目(其实就是一个页面),分享一下当时解决跨域问题的: 背景:公司把项目部署在多台服务器上,防止一台服务器崩溃后,其他的可以继续访问,对应本公司来说,某台服务器出问题后,技术人 ...
    
		
    2. 
						
  2. vue.js 解决跨域问题
		
    我们调试vue.js代码的时候一般都用chrome, 下载插件 进入chrome应用商店 搜索 重启chrome就可以解决跨域问题
    
		
    3. 
						
  3. 搞懂：前端跨域问题JS解决跨域问题VUE代理解决跨域问题原理
		
    什么是跨域 跨域:一个域下的文档或脚本试图去请求另一个域下的资源 广义的跨域包含一下内容: 1.资源跳转(链接跳转,重定向跳转,表单提交) 2.资源请求(内部的引用,脚本script,图片img,fr ...
    
		
    4. 
								
  4. js解决跨域下载文件
		
    之前用的是a标签的方式,同源是没有问题的,但一跨域就不行了,试了其它方法,不是报跨域错误,就是在当前页面打开文件,体验相当不好. data = data.replace(/\\/g, '/'); va ...
    
		
    5. 
						
  5. 手动创建script解决跨域问题（jsonp从入门到放弃）
		
    vue项目一般用axios代替jQuery发送ajax请求,但是不支持jsonp格式,需要安装jsonp的依赖包,这就很不爽了,能自己轻易实现的,为什么要引乱七八糟的插件.jsonp其实就是利用< ...
    
		
    6. 
						
  6. js中ajax如何解决跨域请求
		
    js中ajax如何解决跨域请求,在讲这个问题之前先解释几个名词 1.跨域请求 所有的浏览器都是同源策略,这个策略能保证页面脚本资源和cookie安全 ,浏览器隔离了来自不同源的请求,防上跨域不安全的操 ...
    
		
    7. 
						
  7. [转] js前端解决跨域问题的8种方案（最新最全）
		
    1.同源策略如下: URL 说明 是否允许通信 http://www.a.com/a.jshttp://www.a.com/b.js 同一域名下 允许 http://www.a.com/lab/a.j ...
    
		
    8. 
						
  8. js的跨域问题和解决办法
		
    我们在开发中,经常会遇到跨域请求数据问题,那么什么是跨域呢?跨域就是js在不用域之间的数据传输或者通信,比如你在使用ajax从另外一个域请求数据,或者你的页面引入了iframe,要从iframe中获取 ...
    
		
    9. 
						
  9. owin解决跨域js请求
		
    最近在用owin打了一个建议的http的api服务,但遇到了js跨域访问的问题,后来在网上找到了答案,已帮助遇到此问题的人 1.首先nuget先按着owin依赖的包,然后至关重要的一步是引用Micro ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Python 之 格式化文件
			
    # 结构化文件存储- xml, json- 为了解决不同设备之间的信息交换 ## XML文件(可扩展标记语言) - 标记语言:语言中使用尖括号括起来的文本字符串标记 - 可扩展:用户可以自己定义需要的 ...
    
			
    2. 
						
  2. J2EE异常问题总结
			
    http://blog.csdn.net/rchm8519/article/details/41624381 http://www.51testing.com/html/49/240349-14393 ...
    
			
    3. 
						
  3. github插件
			
    可能是迄今为止最好的GitHub代码浏览插件,基本实现浏览器变成代码阅读器,支持目录列表,交叉索引等功能: O网页链接 ​​​​ http://weibo.com/1963193953/Fdj2cFQ ...
    
			
    4. 
						
  4. ORA-12560: TNS: 协议适配器错误（oracle service 已启动）
			
    如果是安装完 oracle 客户端之后才出现的这个问题,请往下看 安装 oracle client 时,会配置一个客户端的监听,如果电脑上之前安装过 oracle service 就会和服务的监听冲突 ...
    
			
    5. 
						
  5. redis 参数配置总结
			
    redis.conf 配置项说明如下 1. Redis默认不是以守护进程的方式运行,可以通过该配置项修改,使用yes启用守护进程   daemonize no 2. 当Redis以守护进程方式运行时, ...
    
			
    6. 
						
  6. ZOJ 3885 The Exchange of Items
			
    The Exchange of Items Time Limit: 2000ms Memory Limit: 65536KB This problem will be judged on ZJU. O ...
    
			
    7. 
						
  7. Android 开源项目android-open-project解析之(二) GridView,ImageView,ProgressBar,TextView
			
    五.GridView StaggeredGridView 同意非对齐行的GridView,类似Pinterest的瀑布流.而且跟ListView一样自带View缓存,继承自ViewGroup 项目地址 ...
    
			
    8. 
						
  8. [Android 性能优化系列]内存之基础篇--Android怎样管理内存
			
    大家假设喜欢我的博客,请关注一下我的微博,请点击这里(http://weibo.com/kifile),谢谢 转载请标明出处(http://blog.csdn.net/kifile),再次感谢 原文地 ...
    
			
    9. 
						
  9. 三种数据库日期转字符串对照sql server、oracle、mysql（V4.11）
			
    三种数据库日期转换对照: http://blog.csdn.net/zljjava/article/details/17552741 SQL类型转换函数:cast(type1 as type2) 数据 ...
    
			
    10. 
						
  10. ASP.NET六大巨头——内置对象（1）
			
    ASP.NET提供了六个内置对象:Request.Response.Application.Session.Server和Cookie.这些对象收集当前应用程序请求.用户信息.响应浏览器信息,来完毕页 ...
    
			
    11.