跨域解决方案
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:{
请求接口:跨域网址
}