关于跨域问题的几个方法
ps: 一般是后端处理跨域问题,所以前端小伙伴就不要考虑跨不跨域的事
前端人员开发跨域的方法
- jsonp 就是script的无限制去callback制定的数据
ps: jsonp的类型只能GET,并且请求的地址后台也需要配置jsonp才能获取到数据 - 代理平台
// 代理平台设置
proxyTable: {
"/proxy" : { // proxy开头的请求会被代理到3000服务器下
target : "http://localhost:3000",
changeOrigin : true, //是否跨域
pathRewrite : { // 地址改名
"^/proxy" : ""
//"^/proxy":"",//pathRewrite:去除真实请求中多余的部分 /proxy
}
}
},
后端人员开发跨域的方法
- 配置请求头,修改http头部
app.use('*',function(req,res,next){
res.setHeader("Access-Control-Allow-Origin", "*");
res.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
res.setHeader("Access-Control-Allow-Headers", "Content-Type");
res.setHeader("Access-Control-Allow-Credentials", "true");
next();
});
2.使用cors第三方中间件 全域资源共享
只需要在配置文件上
npm install cors
Const cors = requirs(‘cors’);
App.use(cors( ));
即可解决