CORS策略已阻止从原始“ null”访问XMLHttpRequest

Question

我无法从本地读取JSON文件。可能是未处理的拒绝。

  

angular.min.js：113 CORS策略已阻止从源'null'访问'... / dta.json'处的XMLHttpRequest：跨源请求仅适用于协议方案：http，data，chrome ，chrome-extension，https。

     

angular.min.js：127可能未处理的拒绝：{“ data”：null，“ status”：-1，“ config”：{“ method”：“ GET”，“ transformRequest”：[null]，“ transformResponse“：[null]，” jsonpCallbackParam“：”回调“，” url“：” dta.json“，” dataType“：” json“，” contentType“：” application / json“，” headers“：{”接受“：”“ application / json，text / plain， / ”}}，“ statusText”：“”，“ xhrStatus”：“错误”}

var app = angular.module('my-app', []);
    app.controller('my-ctrl',
        function ($scope, $http) {

            var request = {
                method: 'get',
                url: 'dta.json',
                dataType: 'json',
                contentType: "application/json"
            };

            $http(request)
                .then(function (response) {
                    $scope.arrBirds = response.data;
                })
        });