2016-11-18 1 views
0

나는 angularjs nodejs expressjs와 mysql을 사용하여 응용 프로그램을 구축하고 있습니다.Nodejs + Expressjs + Angularjs 빈 MySQL 선택 결과

지금 당장 노드 콘솔에서 빈 콘솔 응답을 얻는 동안 문제가 발생합니다. 노드 콘솔에서는 mysql에서 데이터를 성공적으로 검색합니다.

는 AngularJS와

app.controller('MainCtrl', function($scope, $resource, Map) { 
    $scope.fetchdata = {}; 
    var Fetchdata = $resource('http://localhost:8080/fetchnote'); 
    Fetchdata.query(function(results) { 
     $scope.fetchdata = results; 
    }) 
    console.log(JSON.stringify($scope.fetchdata)); 
}) 

nodejs

app.get('/fetchnote', function(req, res) { 
    connection.query('SELECT * from note', function(err, rows, fields) { 
     if (!err) { 
      console.log(rows); 
      res.json(rows); 
     } else { 
      console.log(err); 
     } 
    }); 
}); 

난 후 모든 기록을 보여줄 것입니다, 직접 브라우저의 주소 표시 줄에 http://localhost:8080/fetchnote를 전달하는 경우는, 같은 노드 콘솔, 톱으로 이동 모든 기록, angularjs에없는 동안. 자바 스크립트 콘솔에서도 오류가 발생하지 않고 빈 레코드 만 있습니다.

누구나 아이디어를 줄 수 있습니까?

+0

네트워크 콘솔에서 교차 도메인 문제가 있습니까? –

+0

아니요, 전혀 오류가 없습니다. –

+0

리소스를 사용하는 노드의 동사와 일치하도록 각도로 http get 요청을하지 않는 이유는 무엇입니까? – ArrowHead

답변

1
app.controller('MainCtrl', function($scope, $resource, Map) { 
    $scope.fetchdata = {}; 
    var Fetchdata = $resource('http://localhost:8080/fetchnote'); 
    Fetchdata.query(function(results) { 
     $scope.fetchdata = results; 
     console.log(JSON.stringify($scope.fetchdata)); 
    }) 
}) 

브라우저에서 F12 키를 눌러 네트워크 탭에서 요청한 내용 (xhr 필터)을 볼 수 있습니다. 나는 json의 좋은 미리보기가있는 것처럼 크롬을 선호한다.

+0

요청은 실제로 'http : // localhost : 8080/fetchnote' –

+0

입니다. 데이터가 각도에서 호출하는 동안 xhr에서 반환되는지 확인할 수 있습니까? 네트워크 -> XHR chrome dev 도구의 Tab에서 응답을 볼 수 있습니다. – Pavan

+1

@JosephGoh는 코드와이 대답에서 console.log의 위치를 ​​자세히 살펴 봅니다. –