大佬教程收集整理的这篇文章主要介绍了angularjs – 角/节点/ Express/Passport跨域问题 – 启用CORS Passport Facebook验证,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
XMLhttprequest cAnnot load https://www.facebook.com/dialog/oauth?response_type=code&redirect_uri=http%…%3A8080%2Fauth%2Ffacebook%2FcallBACk&scope=email&client_id=598171076960591. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access.
我使用的路线是这样简单的:@H_673_2@
// ===================================== // FACEBOOK ROUTES ===================== // ===================================== // route for facebook authentication and login app.get('/auth/facebook',passport.authenticate('facebook',{ scope : 'email' })); // handle the callBACk after facebook has authenticated the user app.get('/auth/facebook/callBACk',{ successRedirect : '/home',failureRedirect : '/login' }));
这是在我的angularJS文件上调用路由(我也尝试使用Credentials设置:truE):@H_673_2@
$http.get('/auth/facebook') .success(function(responsE) { }).error(function(responsE){ });
我在StackOverflow和其他论坛上发现了十几种解决方案。@H_673_2@
>我尝试在route.js文件上的路由之前添加:@H_673_2@
app.all('*',function(req,res,next) { res.header('Access-Control-Allow-Origin','*'); res.header("Access-Control-Allow-Headers","Content-Type,X-CSRF-Token,X-requested-With,Accept,Accept-Version,Content-Length,Content-MD5,Date,X-Api-Version,X-File-Name"); res.header('Access-Control-Allow-Methods','GET,POST,PUT,HEAD,deletE,OPTIONS'); res.header('Access-Control-Allow-Credentials',truE); if ('OPTIONS' == req.method) { res.send(200); } else { next(); } });
>我尝试在server.js文件中添加(请注意,我将标题更改为setHeader,但我已经尝试过)@H_673_2@
app.use(function(req,next) { res.setHeader('Access-Control-Allow-Origin','*'); res.setHeader('Access-Control-Allow-Headers','Content-Type,X-requested-With'); res.setHeader('Access-Control-Allow-Methods',OPTIONS'); res.setHeader('Access-Control-Allow-Credentials',truE); if ('OPTIONS' == req.method) { res.send(200); } else { next(); } }); require('./app/routes.js')(app,passport);
>我尝试在我的app.js文件(angularJS配置)中添加:@H_673_2@
$httpProvider.defaultS.UseXDomain = true; delete $httpProvider.defaults.headers.common['X-requested-With']; $httpProvider.defaults.withCredentials = true;
无论如何,我不知道还有什么要做的。我在网上找到的一切都不行。@H_673_28@有机会与我使用AngularJS路由有关吗?我没有看到任何这样的事情的原因,但是我已经猜出来了。@H_673_2@
我的情况非常类似于这个:@H_673_28@Angular/Node/Express/Passport – Issues when connecting to facebook(CORS)@H_673_2@
提前致谢!@H_673_2@
解决方案只是使用“_____”登录LINK的按钮或文本。文字< a href =“/ auth / facebook”>< / a>链接。而已。@H_673_2@
当然,我也遇到了很多其他绊脚石和陷阱。我试图不使用默认的中间件进行passport.authenticate(‘facebook’),但试图将它包装在一个函数(req,res,next){…}中,认为会做某事,但不会。@H_673_2@
以上是大佬教程为你收集整理的angularjs – 角/节点/ Express/Passport跨域问题 – 启用CORS Passport Facebook验证全部内容,希望文章能够帮你解决angularjs – 角/节点/ Express/Passport跨域问题 – 启用CORS Passport Facebook验证所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。