Angularjs HTTP请求可能未经处理的拒绝
这里我无法打印我的控制台代码Angularjs HTTP请求可能未经处理的拒绝,angularjs,node.js,express,mean-stack,Angularjs,Node.js,Express,Mean Stack,这里我无法打印我的控制台代码console.log(“我得到了我请求的数据”)在我的节点服务器中 浏览器控制台中显示的错误如下图所示 下面是server.js的代码 var express = require('express'); var app = express(); app.use(express.static(__dirname + "/public")) app.listen(3000); console.log("server running o
console.log(“我得到了我请求的数据”)代码>在我的节点服务器中
浏览器控制台中显示的错误如下图所示
下面是server.js的代码
var express = require('express');
var app = express();
app.use(express.static(__dirname + "/public"))
app.listen(3000);
console.log("server running on port 3000")
下面是controller.js的代码
var app = angular.module('myApp', []);
app.controller('AppCtrl', ['$scope', '$http', function($scope, $http) {
console.log("Hello World from controller");
$http({
method: 'GET',
url: '/employeelist'
}).then(function (response) {
console.log("I got the data I requested");
$scope.employeelist = response.data;
});
employee1 = {
name: 'Sunil',
designation: 'Software Developer',
salary: '20000'
};
employee2 = {
name: 'Vamshi',
designation: 'Java Developer',
salary: '30000'
};
employee3 = {
name: 'Chethan',
designation: 'Dot Net Developer',
salary: '20000'
};
var employeelist = [employee1, employee2, employee3];
$scope.employeelist = employeelist;
}]);
var app = angular.module('myApp', []);
app.controller('AppCtrl', ['$scope', '$http', function($scope, $http) {
console.log("Hello World from controller");
$http({
method: 'GET',
url: '/employeelist'
}).then(function onSuccess(response) {
console.log("data recieved");
$scope.employeelist=response.data;
},function onError(error) {
console.log("Unknown error");
$scope.employeelist=error.data;
});
}]);
我正在尝试在节点服务器中打印控制台代码
我无法在此处打印console.log(“”)
尝试捕捉错误
$http({
method: 'GET/POST',
url: 'your/endpoint/url'
})
.then(function onSuccess(response) {
console.log(response);
})
.catch(function onError(error) {
console.log(error);
});
如果要全局抑制警告
app.config(['$qProvider', function ($qProvider) {
$qProvider.errorOnUnhandledRejections(false);
}]);
但总是建议捕获错误,而不是抑制警告尝试捕获错误
$http({
method: 'GET/POST',
url: 'your/endpoint/url'
})
.then(function onSuccess(response) {
console.log(response);
})
.catch(function onError(error) {
console.log(error);
});
如果要全局抑制警告
app.config(['$qProvider', function ($qProvider) {
$qProvider.errorOnUnhandledRejections(false);
}]);
但是总是建议捕获错误,而不是抑制警告我已经更改了server.js和controller.js代码,现在如果打开localhost,我可以接收get请求
以下是我所做的更改
server.js
var express = require('express');
var app = express();
app.use(express.static(__dirname + "/public"))
app.listen(3000);
console.log("server running on port 3000")
var express = require('express');
var app = express();
app.use(express.static(__dirname + "/public"));
app.get("/employeelist", function (req,res) {
console.log("I received a GET Request")
employee1 = {
name: 'Sunil',
designation: 'Software Developer',
salary: '20000'
};
employee2 = {
name: 'Vamshi',
designation: 'Java Developer',
salary: '30000'
};
employee3 = {
name: 'Chethan',
designation: 'Dot Net Developer',
salary: '20000'
};
var employeelist = [employee1, employee2, employee3];
res.json(employeelist);
});
app.listen(3000);
console.log("server running on port 3000");
controller.js
var app = angular.module('myApp', []);
app.controller('AppCtrl', ['$scope', '$http', function($scope, $http) {
console.log("Hello World from controller");
$http({
method: 'GET',
url: '/employeelist'
}).then(function (response) {
console.log("I got the data I requested");
$scope.employeelist = response.data;
});
employee1 = {
name: 'Sunil',
designation: 'Software Developer',
salary: '20000'
};
employee2 = {
name: 'Vamshi',
designation: 'Java Developer',
salary: '30000'
};
employee3 = {
name: 'Chethan',
designation: 'Dot Net Developer',
salary: '20000'
};
var employeelist = [employee1, employee2, employee3];
$scope.employeelist = employeelist;
}]);
var app = angular.module('myApp', []);
app.controller('AppCtrl', ['$scope', '$http', function($scope, $http) {
console.log("Hello World from controller");
$http({
method: 'GET',
url: '/employeelist'
}).then(function onSuccess(response) {
console.log("data recieved");
$scope.employeelist=response.data;
},function onError(error) {
console.log("Unknown error");
$scope.employeelist=error.data;
});
}]);
index.html
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
<title>Employees List</title>
</head>
<body>
<div class="container" ng-controller="AppCtrl">
<h1>Employees List</h1>
<table class="table">
<thead>
<tr>
<th>Name</th>
<th>Designation</th>
<th>Salary</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="employee in employeelist">
<td>{{employee.name}}</td>
<td>{{employee.designation}}</td>
<td>{{employee.salary}}</td>
</tr>
</tbody>
</table>
</div>
<script src ="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/
angular.min.js"></script>
<script src="../../controllers/controller.js"></script>
</body>
</html>
员工名单
员工名单
名称
任命
薪水
{{employee.name}
{{雇员名称}
{{employee.salary}}
我已经更改了server.js和controller.js代码,现在如果我打开localhost,我可以收到一个get请求
以下是我所做的更改
server.js
var express = require('express');
var app = express();
app.use(express.static(__dirname + "/public"))
app.listen(3000);
console.log("server running on port 3000")
var express = require('express');
var app = express();
app.use(express.static(__dirname + "/public"));
app.get("/employeelist", function (req,res) {
console.log("I received a GET Request")
employee1 = {
name: 'Sunil',
designation: 'Software Developer',
salary: '20000'
};
employee2 = {
name: 'Vamshi',
designation: 'Java Developer',
salary: '30000'
};
employee3 = {
name: 'Chethan',
designation: 'Dot Net Developer',
salary: '20000'
};
var employeelist = [employee1, employee2, employee3];
res.json(employeelist);
});
app.listen(3000);
console.log("server running on port 3000");
controller.js
var app = angular.module('myApp', []);
app.controller('AppCtrl', ['$scope', '$http', function($scope, $http) {
console.log("Hello World from controller");
$http({
method: 'GET',
url: '/employeelist'
}).then(function (response) {
console.log("I got the data I requested");
$scope.employeelist = response.data;
});
employee1 = {
name: 'Sunil',
designation: 'Software Developer',
salary: '20000'
};
employee2 = {
name: 'Vamshi',
designation: 'Java Developer',
salary: '30000'
};
employee3 = {
name: 'Chethan',
designation: 'Dot Net Developer',
salary: '20000'
};
var employeelist = [employee1, employee2, employee3];
$scope.employeelist = employeelist;
}]);
var app = angular.module('myApp', []);
app.controller('AppCtrl', ['$scope', '$http', function($scope, $http) {
console.log("Hello World from controller");
$http({
method: 'GET',
url: '/employeelist'
}).then(function onSuccess(response) {
console.log("data recieved");
$scope.employeelist=response.data;
},function onError(error) {
console.log("Unknown error");
$scope.employeelist=error.data;
});
}]);
index.html
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
<title>Employees List</title>
</head>
<body>
<div class="container" ng-controller="AppCtrl">
<h1>Employees List</h1>
<table class="table">
<thead>
<tr>
<th>Name</th>
<th>Designation</th>
<th>Salary</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="employee in employeelist">
<td>{{employee.name}}</td>
<td>{{employee.designation}}</td>
<td>{{employee.salary}}</td>
</tr>
</tbody>
</table>
</div>
<script src ="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/
angular.min.js"></script>
<script src="../../controllers/controller.js"></script>
</body>
</html>
员工名单
员工名单
名称
任命
薪水
{{employee.name}
{{雇员名称}
{{employee.salary}}
API是什么?它是您的URL。我提到了它作为一个例子,我的问题是我无法查看我的控制台代码console.log(“我得到了我请求的数据”);在节点服务器中,您可以在成功块中找到它。试着把它放在catch块中。不是在浏览器控制台中,我是在问我需要节点服务器命令提示符中的控制台代码检查我编辑的问题什么是API_端点这是你的URL。我提到了它作为一个例子,我的问题是我无法查看我的控制台代码console.log(“我得到了我请求的数据”);在节点服务器中,您可以在成功块中找到它。试着把它放在catch块中。不是在浏览器控制台中,我是在问我需要节点服务器命令提示符中的控制台代码检查我编辑的问题好,但是,如果您能够进一步解释代码如何修复可能未处理的拒绝
错误,那么这将是一个更好的答案,并且对阅读相同错误的其他人更有帮助。而且@SibiRaj已经在他的回答中告诉过你如何解决这个问题。很好,但如果你能进一步解释代码如何解决可能未经处理的拒绝问题,这将是一个更好的回答,对阅读相同错误的其他人更有帮助。而且@西比拉吉已经在他的回答中告诉过你如何解决这个问题。