मैंने Node / Express का उपयोग करके एक छोटा सा API बनाया है और Angularjs का उपयोग करके डेटा खींचने की कोशिश कर रहा हूं, लेकिन जैसा कि मेरा html पेज लोकलहोस्ट पर अपाचे के तहत चल रहा है: 8888 और नोड API पोर्ट 3000 पर सुनो, मुझे 'एक्सेस-कंट्रोल' नहीं मिल रहा है अनुमति दें-उत्पत्ति '। मैंने node-http-proxyव्हाट्स अपाचे का उपयोग करने की कोशिश की लेकिन ज्यादा सक्सेज नहीं होने के कारण, कृपया नीचे पूर्ण त्रुटि और कोड देखें।
XMLHttpRequest स्थानीय होस्ट लोड नहीं कर सकता: 3000। अनुरोधित संसाधन पर कोई 'एक्सेस-कंट्रोल-अनुमति-उत्पत्ति' हेडर मौजूद नहीं है। मूल 'लोकलहोस्ट: 8888' को इसलिए प्रवेश की अनुमति नहीं है। "
// Api Using Node/Express
var express = require('express');
var app = express();
var contractors = [
{
"id": "1",
"name": "Joe Blogg",
"Weeks": 3,
"Photo": "1.png"
}
];
app.use(express.bodyParser());
app.get('/', function(req, res) {
res.json(contractors);
});
app.listen(process.env.PORT || 3000);
console.log('Server is running on Port 3000')कोणीय कोड
angular.module('contractorsApp', [])
.controller('ContractorsCtrl', function($scope, $http,$routeParams) {
$http.get('localhost:3000').then(function(response) {
var data = response.data;
$scope.contractors = data;
})एचटीएमएल
<body ng-app="contractorsApp">
<div ng-controller="ContractorsCtrl">
<ul>
<li ng-repeat="person in contractors">{{person.name}}</li>
</ul>
</div>
</body>