Javascript 如何从具有基本身份验证的RESTAPI获取数据?

Javascript 如何从具有基本身份验证的RESTAPI获取数据?,javascript,angularjs,rest,restful-authentication,Javascript,Angularjs,Rest,Restful Authentication,我正试图通过HTTP get方法从这个网站获取数据。此网站具有基本身份验证。数据是JSON格式的。 这是rest api网站: () //代码在这里 角度模块('myapp',['myapp.controller']); 角度.module('myapp.controller',['myapp.service'])) .controller('testController',函数($scope,testService){ $scope.posts={}; 函数GetAllPosts(){ va

我正试图通过HTTP get方法从这个网站获取数据。此网站具有基本身份验证。数据是JSON格式的。 这是rest api网站: ()

//代码在这里
角度模块('myapp',['myapp.controller']);
角度.module('myapp.controller',['myapp.service']))
.controller('testController',函数($scope,testService){
$scope.posts={};
函数GetAllPosts(){
var getPostsData=testService.getPosts();
getPostsData.then(函数(post){
$scope.posts=post.data;
},函数(){
警报(“获取post记录时出错”);
});
}
GetAllPosts();
});
angular.module('myapp.service',[])
.service('testService',函数($http){
//获取所有时事通讯
this.getPosts=函数(){
返回$http.get('https://shoploapi.herokuapp.com/sellers');
};
});
angular.module('myApp',['base64']))
.config(函数($httpProvider,$base64){
var auth=$base64.encode(“bhupendra7:ice123age456”);
$httpProvider.defaults.headers.common['Authorization']='Basic'+auth;
});

你好,普朗克!
  • {{post.careof}{{post.district}{{post.gender}{{post.name}

您的代码中有两个问题

1。您的打字错误

angular.module('myApp',['base64'])
中,将模块名称更改为
myApp

2。您将
myapp.controller
注入
myapp
模块的方式

将其更改为
angular.module('myapp',[])您还需要对代码重新排序。查看我为您创建的

即使你解决了以上两个问题,你仍然会面临来自Heroku的问题。根据您的服务器端技术(NodeJS、Rails等),您需要从服务器启用它才能与您的应用程序通信。你也可以看看


希望这有帮助

您在
angular.module('myApp',['base64'])中有输入错误
make
myApp
myApp
。。即使纠正了这一点,您也将面临另一个问题,testController未定义。先生,如果您需要更多帮助,请告诉我。你能帮帮我吗。我已经试了很长时间了。为了获得数据,我必须做些什么?您使用什么技术编写了服务器应用程序?服务器应用程序是在nodejs上编写的。Mongodb用作数据库,Expressjs用作web框架。检查此链接以使用Expressjs配置CORS:与Heroku和NodeJS+Express相关的更具体问题: