如何在angularjs中使用url进行身份验证
如何在angularjs中使用url进行身份验证
提问于 2017-03-03 14:24:23
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<h1>{{myWelcome}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http,Base64) {
$http.defaults.headers.common = {"Access-Control-Request-Headers": "accept, origin, authorization"};
$http.defaults.headers.common['Authorization'] = 'Basic ' + Base64.encode('admin' + ':' + 'admin');
$http({ method : "GET",
url : "http://10.132.32.212:8181/restconf/operational/network-topology:network-topology/",
Accept: "application/json",
withCredentials: true,
}).then(function mySucces(response) {
$scope.myWelcome = response.data;
}, function myError(response) {
$scope.myWelcome = response.statusText;
});
});
</script>
</body>
</html>
这是我的代码，但我没有得到任何响应数据，.i认为它没有验证与url。我可以得到任何解决方案吗？
回答 2
Stack Overflow用户
发布于 2017-03-03 14:52:03
您使用了未定义的Base64服务。我将其添加为CDN库。
看见
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-base64/2.0.5/angular-base64.js"></script>以及在应用程序声明中包含该服务：
var app = angular.module('myApp', ['base64']);结果：
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-base64/2.0.5/angular-base64.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<h1>{{myWelcome}}</h1>
</div>
<script>
var app = angular.module('myApp', ['base64']);
app.controller('myCtrl', function($scope, $http, $base64) {
$http.defaults.headers.common = {"Access-Control-Request-Headers": "accept, origin, authorization"};
$http.defaults.headers.common['Authorization'] = 'Basic ' + $base64.encode('admin' + ':' + 'admin');
$http({ method : "GET",
url : "http://10.132.32.212:8181/restconf/operational/network-topology:network-topology/",
Accept: "application/json",
withCredentials: true,
}).then(function mySucces(response) {
$scope.myWelcome = response.data;
}, function myError(response) {
$scope.myWelcome = response.statusText;
});
});
</script>
</body>
</html>Plunker：https://plnkr.co/edit/eYJopsNPe8Iqb56arC75?p=preview
从您的服务器(http://10.132.32.212:8181)加载这段代码，就可以了。
Stack Overflow用户
发布于 2017-03-14 13:06:47
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-base64/2.0.5/angular-base64.js"></script>
<script type="text/javascript" src="../../dist/vis.js"></script>
<body>
<div ng-app="list">
<div ng-controller="ListCtrl">
<div ng-repeat='data1 in data["network-topology"].topology'>
{{data1["topology-id"]}}
<div ng-repeat='data2 in data1.node'>
{{data2["node-id"]}}
<div ng-repeat='data3 in data2["termination-point"]'>
{{data3["tp-id"]}}
</div>
</div>
</div>
</div>
</div>
<script>
var app = angular.module('list', ['base64']);
app.controller('ListCtrl', function($scope, $http, $base64) {
$http.defaults.headers.common = {"Access-Control-Request-Headers": "accept, origin, authorization"};
$http.defaults.headers.common['Authorization'] = 'Basic ' + $base64.encode('admin' + ':' + 'admin');
$http({
method: 'GET',
url: 'http://10.132.32.212:8181/restconf/operational/network-topology:network-topology/',
contentType: 'application/json; charset=utf-8',
}).success(function(tdata) {
$scope.data= tdata;
});
});
</script>
</body>
</html>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42572036
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号