什么是跨域? 如何解决跨域?
1、 同源策略
- 是浏览器的安全策略
- 协议名、域名、端口号必须完全一致
2、跨域 - 违背同源策略就会产生跨域
3、解决跨域 - jsonp(前后端配合)、 cors(后端配置)、 服务器代理(后端设置)...
jsonp 前端需要的实现:
① 创建script标签
var script = document.createElement('script');
② 设置回调函数
function getDate(data) {
//数据请求回来后被触发的函数
console.log(data);
}
③ 设置script 的 src 属性,设置请求地址
script.src = 'http:// localhost:3000?callback=getDate';
④ 把script插入页面,让script 生效
document.body.appendChild(script);