RESTful API未与简单的AngularJS控制器一起显示

Question

好吧，我将尽力解释这一点。 我已经安装了一个节点和Express以及一个运行RESTful API的mySQL服务器，并具有正常的get，post，put，delete正常工作，因为我可以在Postman中对其进行测试，然后在Chrome中进行查找。 现在所有这些都在我的机器上本地运行。 我有一个运行REST API的Ubuntu盒子。 当我只是在chrome中查询时，会得到我正在使用的字段的预期输出。

（示例请求“ http://192.168.239.130:1337/api/plates/ ”）给我这个。

{
"Plates": [
    {
        "lot_number": "P234",
        "plate_number": "NGE-781",
        "date_and_time": "2016-07-08T21:14:31.000Z"
    },
    {
        "lot_number": "P234",
        "plate_number": "FEB-423",
        "date_and_time": "2016-07-08T21:26:08.000Z"
    },
    {
        "lot_number": "P234",
        "plate_number": "SEB-623",
        "date_and_time": "2016-07-08T21:26:20.000Z"
    },
    {
        "lot_number": "P234",
        "plate_number": "ZEB-683",
        "date_and_time": "2016-07-08T21:30:59.000Z"
    },
    {
        "lot_number": "P234",
        "plate_number": "FEW-083",
        "date_and_time": "2016-07-08T21:31:57.000Z"
    },
    {
        "lot_number": "L323",
        "plate_number": "JEQ-324",
        "date_and_time": "2016-07-11T18:59:03.000Z"
    }
   ]
 }

这些只是一些显示在屏幕上的示例mySQL数据。 就像我希望的那样。 我的问题是，当我尝试使用角度脚本制作一个简单的html页面尝试并打印它不需要的页面时。 我得到的只是一个空白页。 我尝试与其他api在线运行代码。 我可以用下面将要发布的相同代码将它们打印出来。

<!DOCTYPE html>
<html>
</style>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="platesCtrl">

{{plates}}

</div>

<script>
var app = angular.module('myApp', []);
app.controller('platesCtrl', function($scope, $http) {
   $http.get("http://192.168.239.130:1337/api/plates")
   .then(function (response) {$scope.plates = response.data;});
});
</script>

</body>
</html>

就像我说过的那样，使用其他任何在线API运行此功能……。我的不就是它与本地有关吗？ 即使像我说的那样，我也可以在浏览器中将上述地址运行到.... api / plates API上，并且可以将JSON吐出来。

任何知识将不胜感激

谢谢。

Answer 1

好吧，我自己回答。 从其他一些用户的评论中想到的。 我检查了控制台，并收到一条错误消息，指出我有跨域问题，并且缺少“ Access-control-Allow-Origin”。 我能够修复进入我的API调用函数并添加

res.header("Access-Control-Allow-Origin", "*");

每个API调用。 就目前而言，尽管可以肯定，但我确信有一种更优雅的方法可以实现相同的功能。

谢谢您的帮助。

RESTful API未与简单的AngularJS控制器一起显示

问题描述

1 个解决方案

解决方案1
0 2016-07-12 16:24:12

RESTful API未与简单的AngularJS控制器一起显示

问题描述

1 个解决方案

解决方案1 0 2016-07-12 16:24:12

解决方案1
0 2016-07-12 16:24:12