[AngularJS]$http.get()を実行したら、net::ERR_BLOCKED_BY_CLIENTエラーが発生

カテゴリ: AngularJS

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を一時的に停止させたら、エラーは解消された

こちらもおススメ

コメントを残す

メールアドレスが公開されることはありません。