javascript - 来自 AngularJS 的 NodeJS HTTP 请求

标签 javascript node.js angularjs express

我目前正在使用 express 在前端使用 AngularJS 并在后端使用 NodeJS 开发一个 Web 应用程序。然而,我在从前端请求我的后端 API 时遇到了问题,希望你们能帮助我。

后端(NodeJS):

app.get('/test', function(req, res) {
    res.json(200, {'test': 'it works!'})
})

前端(AngularJS):

myApp.controller('myController', function($scope, $http) { 
    delete $httpProvider.defaults.headers.common["X-Requested-With"]
    $http.get('http://localhost:5000/test').success(function(data) {
        alert('Success')
    }).error(function(data, status) {                                            
        alert('Error! ' + status + ' : ' + data)                                  
    })        
})

当我刷新应用程序时,我收到一条警告:错误! 0 :,但是,当我使用 curl 或浏览器请求后端时,我得到了测试字典。前端似乎能够访问后端,因为我在后端日志中看到它已完成请求并返回了一些东西,但是 Firebug 说响应为空,我该怎么办?

非常感谢,如果您需要我提供更多信息,请告诉我。

马蒂亚斯

最佳答案

确保您的前端和后端服务器具有相同的来源(协议(protocol)、主机和端口)。如果不是,那么您不会收到响应,因为您发出了跨源 ajax 请求。在这种情况下,您应该从后端发送特殊 header 以允许它:

Access-Control-Allow-Origin: *

您可以使用以下代码添加响应头:

res.set('Access-Control-Allow-Origin', '*');

关于javascript - 来自 AngularJS 的 NodeJS HTTP 请求,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19821272/

相关文章:

mysql - 如何使用mysql将列NULL值从 Angular 传递到 Node

javascript - 机器人框架 : Error while creating a csv file in Node Js

javascript - Node MySQL - 可重用连接模块

javascript - AngularJS - 创建 Controller 和服务的不同方式,为什么?

javascript - 远程javascript页面加载 block

javascript - 选择数据属性并将其添加到纯js中的输入元素中

javascript - 如何使用 Jasmine 监视从一个类调用的存在于另一个类中的方法?

javascript - 将 JS 循环行为与日期混淆

angularjs - Angular.js 中的选择选项无法加载

angularjs - Angular : difference when using template or templateUrl