json 在 angular js 中形成 api url

Question

我正在尝试加载 .json 文件，其中有一些设置 data

server.js代码

(function () {
app.factory("configService", ['$http', function ($http) {
    return {
        getResponders: function () {
            var url = 'https://example.com/assets/js/service/config.json',
            apiHeaders = {
                'Access-Control-Allow-Origin': '*',
                'Content-Type': 'application/json;charset=utf-8'
            };

            return $http({
                   method: "GET",
                   url: url,
                   headers: apiHeaders,
                   data: {}
            }).then(function (res) {
                console.log('response : ' + res);
            }, function (res) {
                console.log('error : '+res);
            });

        }
    };
}]);

})();

并试图获取 res 但它显示错误：

加载失败https://example.com/assets/js/service/config.json: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8678'因此不允许访问。响应具有 HTTP 状态代码 403。

Answer 1

您在 Angular 中进行的所有 HTTP 调用都在后台进行 AJAX 调用。因此它遵守所有 CORS 规则。

调用的脚本需要允许您访问。如果它不这样做，你不能强迫它。

json 在 angular js 中形成 api url

json form api url in angular js

http

httprequest

angular-http

angular