AngularJSでAmazonのベストセラー情報を取得しようと$http.get()を実行したら、net::ERR_BLOCKED_BY_CLIENTエラーが発生したので、その時に行なったことを書いておきます。
環境
macOS
Chrome 65.0.3325.181
AngularJS 1.2.32
実行したコード
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
</head>
<body ng-app="appModule">
<div>
<div ng-controller="HelloController">
<button ng-click="onClick()">get data</button>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.32/angular.js"></script>
<script>
angular.module("appModule", []).controller("HelloController", ["$scope", "$http", function($scope, $http) {
$scope.onClick = function() {
console.log("hello");
var url = "https://www.amazon.co.jp/rss/bestsellers/books?tag=example001-22";
$http.get(url).success(function(data, status, headers, config) {
console.log(data);
});
}
}]);
</script>
</body>
</html>
エラー
ブラウザのconsoleに下記のエラーが出力された
angular.js:8661
GET https://www.amazon.co.jp/rss/bestsellers/books?tag=example001-22
net::ERR_BLOCKED_BY_CLIENT
原因
実行していたchromeブラウザで、AdBlockのプラグインが実行されていたため
対処法
AdBlockを一時的に停止させたら、エラーは解消された
こちらもおススメ