来自Passport JS的req.user数据未传递到Angular Controller

Question

我正在构建一个具有Express / Node后端和Angular JS前端的应用程序。 Kinda是使用此堆栈的新手，我很难在Angular Service + Controller中接收数据

后端：用户可以使用将用户对象附加到每个请求的Passport JS向Facebook进行身份验证。 我打开了一个检查req.user是否存在的端点，如下所示：

app.get('/checklogin', function(req,res,next){

if(req.user){

  console.log("we found a user!!!");

  console.log("name:" + req.user.displayName);
  console.log("user id" + req.user.id);

  return res.status(201).json(req.user);

} else {

  console.log("there is no user logged in");


} 

});

如果req.user存在，那么用户已通过身份验证，它将发送JSON响应。

我想做的是在Angular中将http.get发送到此/ checklogin端点并处理响应。 如果用户通过身份验证（req.user是否存在），我想绑定到作用域，如果绑定，则还要绑定displayName和ID，并隐藏show nav链接和页面。

但是我在Angular中的设置会到达API端点，但似乎没有收到任何数据？

.service("Login", function($http){

    this.isLoggedIn = function(){  

        return $http.get("/checklogin")

            .then(function(response){

             console.log(response)

                return response;

            }, function(response){

                console.log("failed to check login");

            });

    };


})
.controller("mainController", function($scope, Login){


    Login.isLoggedIn()

        .then(function(doc){

            console.log(doc);
            console.log(doc.data);

        }, function(response){

            alert(response);

        });

})

console.log（doc）和console.log（doc.data）没有记录任何内容……我在这里做错了什么？？？？

更多信息：mainController已加载到index.html文件中：

<html lang="en" ng-app="myApp" ng-controller="mainController">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--load jQuery-->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <!--load Bootstrap JS-->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <!--load Angular JS-->
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-route.js"></script> 
    <!--latest compiled and minified Bootstap CSS-->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <!--link custom CSS file-->
    <link rel="stylesheet" type="text/css" href="/css/style.css">
    <script src="/js/app.js"></script>
</head>

<body>
<!-- NAVBAR ================== ---->        
<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container-fluid">
        <div class="nav-header">
            <a class="navbar-brand" href="#/">Votely</a>
        </div>
        <div class="collapse navbar-collapse" id="myNavbar">
            <ul class="nav navbar-nav navbar-right">
                <li class="active"><a href="#/">Home</a></li>
                <li><a href="/auth/facebook" target="_top">Sign in with Facebook</a></li>
                <li><a href="/logout">Sign Out</a></li>
            </ul>
        </div>
    </div>
</nav>    

<!-- Dynamically render templates Angular JS -->
<div class="container" ng-view>

</div>


</body>

任何帮助，不胜感激，谢谢！

Answer 1

你应该，如果你使用的是从返回服务承诺then控制器即内

.service("Login", function($http){

    this.isLoggedIn = function(){  

        return $http.get("/checklogin");
    };

Answer 2

.isLoggedIn函数应如下所示：

this.isLoggedIn = function(){
    return $http.get("/checklogin");
}

Answer 3

谢谢，我现在开始工作了。 我在Cloud 9 IDE中使用浏览器，并且服务器正在发送503响应，不确定原因。 在我设置服务以返回承诺后，它现在可以在Chrome和Firefox等环境中使用！

来自Passport JS的req.user数据未传递到Angular Controller

问题描述

3 个解决方案

解决方案1
1 2016-08-26 03:59:27

解决方案2
1 2016-08-26 04:00:08

解决方案3
0 2016-08-26 07:38:34

来自Passport JS的req.user数据未传递到Angular Controller

问题描述

3 个解决方案

解决方案1 1 2016-08-26 03:59:27

解决方案2 1 2016-08-26 04:00:08

解决方案3 0 2016-08-26 07:38:34

解决方案1
1 2016-08-26 03:59:27

解决方案2
1 2016-08-26 04:00:08

解决方案3
0 2016-08-26 07:38:34