跨域问题的基本概念

在web开发过程中，跨域问题是一个常见且棘手的问题。跨域是指一个域下的网络客户端对另一个域的材料进行访问时受到的同源策略的管束。同源策略是浏览器的一种平安机制，它管束从一个源加载的文档或脚本怎么与另一个源的材料进行交互。源是由 协议 + 域名 + 端口 这几个组合而成的。

本地服务器与跨域

在开发过程中，我们通常会用本地服务器来进行测试和调试。常见的本地服务器有:localhost127.0.0.1以及自定义的域名。这些个域名都属于同一个源，不会存在跨域问题。

JSONP与跨域

JSONP是一种利用script标签的跨域手艺。它通过动态创建script标签， 并将跨域求的URL作为src属性的值，由此发起跨域求。这样就能绕过浏览器的同源策略管束。不过JSONP只支持GET求，且需要服务器端的配合。

Node.js与本地服务器跨域问题

nodejs搭建本地服务器轻巧松解决跨域问题。能通过设置proxy来实现跨域求。基本上介绍了利用nodejs搭建本地服务器 解决跨域问题，需要的朋友能参考下。

域名指向与跨域

但是 我们将本地服务器的域名设置为example.com这种公网域名，情况就会不太一样。基本上原因是example.com与localhost或127.0.0.1属于不同的源，在访问时就会出现跨域问题。

许多域名指向同一个网站

两个域名指向同一个网站不会关系到网站的运行， 原因如下:.1、域名根服务器设置在境内，并且符合互联网进步相关规划及域名系统平安稳稳当当运行要求。.常见网站地方:,虚拟地方,独立服务器,,VPS。

本地域名映射工具

起来 本机IP域名映射设置工具 如SwitchHosts给了便捷的本地域名管理方式，极巨大地简化了Web开发和测试过程。基于Node实现的跨平台web调试代理工具， 类似的工具有Windows平台上的Fiddler，基本上用于查看、修改HTTP、HTTPS、Websocket的求、响应，也能作为HTTP代理服务器用，不同于Fiddler通过断点修改求响应的方式，whistle采用的是类似配置....

CORS与跨域

CORS是一种跨域材料共享。服务器端需要设置相应的响应头， 如Access-Control-Allow-OriginAccess-Control-Allow-Methods等，客户端则无需做随便哪个特殊处理。

反向代理与跨域

反向代理是指将求转发到另一台服务器上，从而达到跨域访问的目的。常见的反向代理工具有Nginx、Apache等。它们能在本地搭建一个代理服务器，并将跨域求转发到目标服务器上。这种方式能解决各种类型的跨域求，但需要额外的服务器材料。

域名指向本地服务器对跨域设置的关系到

那么域名指向本地服务器会不会关系到网站的跨域设置呢？这需要具体琢磨。

本地域名与跨域问题

用标准的本地域名， 是不会有跨域问题的；但如果用公网域名，就需要采取相应的跨域解决方案。

跨域解决方案

解决方案能采用上述提到的CORS、 JSONP、反向代理或postMessage等手艺。但如果只是在本地开发调试， 直接用localhost或127.0.0.1作为域名，就不会遇到跨域问题，也无需特殊处理。

解决跨域问题， 最轻巧松的莫过于通过Nginx 反向代理进行实现，但是其需要在服务器层面修改，且有兴许求的材料并不再我们控制范围内，所以该方式不能作为通用的解决方案，下面阐述了三天两头用到几种跨域方式.... !-- localhost:10000 -- script variframe=document.createElement;iframe.style.display='none';// 隐藏varstate=0;// 别让页面无限刷新鲜iframe.onload=function{if{console.log(JSON.parse(iframe.contentWindow.nam...

本地服务器域名设置为公网域名的关系到

将本地服务器的域名设置为公网域名，那么在访问时就会出现跨域问题。这是基本上原因是example.com与localhost或127.0.0.1属于不同的源。

子目录与网站绑定

你要分清该地方支持几个子目录， 一般支持绑定一个子目录的话，那就是能建2站，那么主域名能绑定在根目录下其他一个域名绑定在子目录下那两个网站在搜索引擎眼里是独立的网站的，对SEO不关系到。也就是说如果该地方支持绑定4个子目录的话， 那么能建5个站，那么主域名绑定根目录，其他4个绑定子目录，那么就能满足你所说的 .

postMessage方法

postMessage方法能平安地实现跨窗口传信，即使这些个窗口不是同源的。它能实现跨域数据传输， 只需要在发送消息的窗口中调用postMessage方法，在目标窗口中监听message事件即可。