I'm currently working on a Web Application and have encountered an issue with making HTTP GET calls from Angular to my API. The strange thing is that I've tested my API in both the browser and Postman (using Chrome) and it works perfectly fine. To further troubleshoot, I switched the URL to GitHub's API (https://api.github.com/users) and received a successful response. So why does my API not work even though both APIs return JSON objects? Can anyone help me diagnose this problem?
$http({
method: 'GET',
url:'http://localhost:63473/api/posts' // my api
//url: 'https://api.github.com/users' // github api
})
.then(function (response) {
// Successful call
angular.copy(response.data, viewModel.posts);
alert("Good");
}, function (error) {
// Call to API failed
viewModel.errorMessage = "Failed to load posts: " + error;
});
This is the response I get from my Postman call:
[
{
"id": "6db78556-c4dc-4c7c-a969-db0d202f32fc",
"text": "This is the second Post.",
"postedOn": "2016-04-30T21:26:56.7886027-04:00"
},
{
"id": "5c9d9e0b-0b23-4895-93ba-b86a36e03f84",
"text": "Hello everyone, this is my first Post",
"postedOn": "2016-04-30T21:26:56.7846017-04:00"
}
]