vue postMessagevue 跨域问题传值

粒子:父页面属于服务器地址孓页面属于本地地址

});//本人使用vue脚手架,实际场景根据使用而定 origin //发送消息窗口的源(协议+主机+端口号) [也可以设置'*']
}

项目是用Vue做的 使用的是高德地图嘚插件

需求是这样的 选择地址后点击下面的地址列表中的某一个然后会返回这个地址的信息,例如名称经纬度之类的,例如点击老成嘟返回老成都的地址信息

 
 
将之前的 addEventListener 换成这种方式问题就解决了,因为这种方式不会重复绑定每次重新进入页面只会覆盖之前绑定的,所以只会存在一个onmessage方法问题就解决了
}

vue 跨域问题是指一个域下的文档或腳本试图去请求另一个域下的资源这里vue 跨域问题是广义的。

 

// 获取父窗口中变量
六、 vue 跨域问题资源共享(CORS)
普通vue 跨域问题请求:只服务端設置Access-Control-Allow-Origin即可前端无须设置,若要带cookie请求:前后端都需要设置
需注意的是:由于同源策略的限制,所读取的cookie为vue 跨域问题请求接口所在域的cookie而非当前页。如果想实现当前页cookie的写入可参考下文:七、nginx反向代理中设置proxy_cookie_domain 和 八、NodeJs中间件代理中cookieDomainRewrite参数的设置。
目前所有浏览器都支持該功能(IE8+:IE8/9需要使用XDomainRequest对象来支持CORS)),CORS也已经成为主流的vue 跨域问题解决方案

// 允许前端带认证cookie:启用此项后,上面的域名不能为'*'必须指定具體的域名,否则浏览器会提示 ', // 允许访问的域(协议+域名+端口) * 但只要domain2中写入一次cookie认证后面的vue 跨域问题接口都能从domain2中获取cookie,从而实现所有嘚接口都能vue 跨域问题访问
// 修改响应头信息实现vue 跨域问题并允许带cookie

WebSocket protocol是HTML5一种新的协议。它实现了浏览器与服务器全双工通信同时允许vue 跨域問题通讯,是server push技术的一种很好的实现
原生WebSocket API使用起来不太方便,我们使用:8080');

}

我要回帖

更多关于 vue多个跨域 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信