javascript - 从 Angular 调用节点

Question

我想这完全是 Angular 新手问题，但我认为这会比看起来更容易。

我有一个简单的 html 表单:

<div>
    <form ng-submit="processUrls()">
        <label>Urls to Process</label>
        <button class="btn" style="margin-left:15em;">Process</button>
        <br />
        <textarea rows="10" cols="50" wrap="soft" ng-model="process.urls">
</textarea>
        <label>Output:</label>
        <input style="width:25em;" ng-model="output.outputText" />
    </form>
</div>

和一个简单的函数:

$scope.processUrls = function() {
            $http.get("http://localhost:4355/test1").then(function(response){
                $scope.output.outputText = response.data;
            },function(response){
                alert("data = " + response.data + "\r\nstatus = " + response.status + "\r\nstatusText = " + response.statusText);
                $scope.output.outputText = "Error: " + response.data;
            });
        };

它正在调用一个节点服务，该服务正在运行并为每次调用写入控制台，所以我确定它正在工作并被调用。在这里:

// temp route for testing of Angular
server.route({
    method: "GET",
    path: "/test1",
    handler: function(request, reply) {
        return reply("Hello World").code(200);
    }
});

但是，这似乎行不通。我得到的只是“错误:空”，而我的警报几乎什么也没告诉我。所以，我想知道这是否与跨域某物或其他有关，或者我是否只是遗漏了一些基本的东西。如有任何想法，我们将不胜感激。

V

Answer 1

好的，所以只是在这里提供一个答案:这是一个 CORS 问题，它的产生是因为我只是将我的 angular html 文件加载到我的浏览器中。通过在我的节点服务中创建一个新的服务器路由和一个包含我所有 Web 文件的“静态”目录，这个问题就消失了。

我正在使用 hapijs；静态路由如下所示:

server.route({
    method: "GET",
    path: "/web/{param*}",
    handler: {
        directory: {
            path: "static"
        }
    }
});