跨域解决方案

cors

服务器允许跨域请求:设置响应头

Access-Control-Allow-Origin:'允许跨域的url'
//如果客户端要向服务器发送cookie的话,绝不对写*
res.header('Access-Control-Allow-Origin', "http://localhost:8080");
res.header('Access-Control-Allow-Headers', "Content-Type");
res.header('Access-Control-Allow-Methods', "GET,POST,PUT,DELETE,OPTIONS");
//允许跨域传cookie
res.header('Access-Control-Allow-Credentials', "true");
 

jsonp

前端:
function 函数名(参数){//定义函数
}
let oScript=document.createElement('script')
oScript.src='跨域接口?cb=函数名';
document.body.appendChild(oScript);

后台:
获取cb的函数,将返回结果以参数形式传给该函数,最后返回该函数调用

iframe

window.name

ngix

webpack

webpack解决跨域问题,用于解决开发过程中的跨域:安装脚手架后的项目目录里

config->index.js中修改  

proxyTable:{

请求接口:跨域网址

}

posted @ 2017-10-24 15:45  catalinaScript  阅读(167)  评论(0编辑  收藏  举报