开发环境跨域和生产环境跨域

开发环境跨域

前后端分离,IP地址不同,请求数据必然导致跨域问题;
解决方案:proxy设置

生产环境跨域

解决方案:
1,跨域资源共享(CORS)在后端设置header中的Access-Control-Allow-origin为*允许所有跨域响应,设置为特定域名组也可以。
2,JSONP(script标签的src资源请求不存在跨域)

其他方案(偏前端通信)

1,postMessage方法
2,设置domain
3,webSocket
4,window.name
5,在URL的#号后面的字(hashchange)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 比较老的方案是jsonp,本质是利用script标签的跨域请求不会被浏览器拦截,需要后端配合支持cors请求,缺陷...
    瓢鳍小虾虎阅读 2,825评论 0 0
  • 1. 什么是跨域 跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScri...
    cbw100阅读 6,428评论 2 86
  • 什么是跨域 跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript实...
    HeroXin阅读 862评论 0 4
  • 什么是跨域 跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript实...
    他方l阅读 1,087评论 0 2
  • 什么是跨域 跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript实...
    Yaoxue9阅读 1,342评论 0 6