本地html跨域(css文件加载不受跨域限制)

其实本地html跨域的问题并不复杂，但是又很多的朋友都不太了解css文件加载不受跨域限制，因此呢，今天小编就来为大家分享本地html跨域的一些知识，希望可以帮助到大家，下面我们一起来看看这个问题的分析吧！

内域意义

內域：mail.google.com/def/xxx.htm与其属于同一个域，故可以认为是內域。

外域：google.com/abc/xxx.htm与其的域名级别不同，不属于同一个域故可认为是外域。

跨域：跨域更多是用来标识某个跳转的动作。

什么是跨域，跨域的实现方式有哪些

查了一些资料，再结合我之前的了解，给大家介绍一下，如果有说的不对的地方，请大家留言指正。

浏览器有一个毛病（策略）：请求url的协议、域名、端口必须相同，才允许访问（通信），否则就不允许访问，是跨域。

https(协议)://www.wukong.com(域名和端口)/index.html

比如：

https://www.wukong.com/index.html

http://www.wukong.com/index.html

这样就不允许通信，因为协议不同。

完整的举个例子：

你有服务器A和服务器B，服务器A上存着CSS和JS脚本，服务器B上存着HTML，HTML页面上的CSS和JS都是链接的服务器A上面的。

然后用浏览器打开服务器B上面的xxx.html，页面打开后可以正常渲染出样式，可以运行JS脚本，这样就是跨域名，跨端口，跨协议。

JSONP：利用了script标签不受同源策略的限制，通过script加载服务器A的资源。

Proxy代理：使用服务器接口做代理，因为同源策略之针对浏览器。

CORS：跨域资源共享，这个就是浏览器后悔了，出了一个跨域访问机制（XMLHttpRequest），低版本IE不支持。

Postmessage：HTML5新增的跨域机制。

Nginx反向代理：相当于Proxy代理。

希望我的回答可以帮助到你！

如果你还想了解更多这方面的信息，记得收藏关注本站。