跨域解决方案

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:{

请求接口:跨域网址

}

转载于:https://www.cnblogs.com/serina/p/7723937.html