1.什么是跨域?
当一个请求url的 协议 域名 端口号 三者之间任意一个大巷前页面url不同的即为跨域
eg: http://www.test.com:8080
http: 协议
www 子域名
test.com 域名
8080 端口号
(如果有的端口号则端口号为8080可省略)
同源策略
同源策略(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少 了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。
2.跨域怎么解决
jsonp
jq的jsonp方法
//其中原理可以简化理解成这样
//前端定义一个方法比如为text()方法
function text (a) {
console.log('这是一个test方法')
}
//后端创建一个服务器比如地址为http://local.houduan.com/index.php/index/hao
<script type="text/javascript" src="http://local.houduan.com/index.php/index/hao"></script>
//此时运行是会找不到text这个方法的因为没有调用
//后端方法
public function hao () {
return "test(123);";
}
//现在再去运行是可以得到 123的 因为后台返回的方法帮前端直接运行了
//那后端怎样知道我前端写的方法是test呢?那就有了jq的ajax的方法
$.ajax({
url:'http://local.houduan.com/index.php/index/hao',
type:"POST",
dataType: 'jsonp', //注意不是json了喔
contentType: 'application/json',
success:function (res) {
console.log(res)
}
})
proxy代理
CORS(服务器端解决)
Ngnix反向代理