什么是跨域? 如何解决跨域?

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);

posted on 2019-11-25 22:05  梦中飞雪  阅读(379)  评论(0编辑  收藏  举报