javascript - Tolong bantu, angularjs saya boleh meminta data json tetapi ia melaporkan masalah silang domain Saya boleh membuka pautan json yang diberikan kepada saya di bahagian belakang.

Question

// permulaan angularjs ng-app="myApp"

var app = angular.module('myApp',[]);
app.controller('myCtrl',function($scope,httpService){
    var obj = {
        'v' : 1,
        'prod_id' : 10,
        't' : 0.6861832864488719,
        'query' : print
    };
    httpService.postDatas('http://sys.hannikang.com/prod/process/prod.ashx?v=1&prod_id=10&t=0.6861832864488719&query=print',obj,function(data){
        console.log(data);
        $scope.names = data;
    })
});
app.service("httpService", function ($http) {
    return {
        getDatas: function (url, obj1, succCallBack, errorCallBack) {
            return $http({
                method: "GET",
                url: url,
                params: obj1 || {}
            }).success(function (data) {
                succCallBack && succCallBack(data);
            }).error(function (data) {
                errorCallBack && errorCallBack(data);
            })
        },
        postDatas: function (url, obj1, succCallBack, errorCallBack) {
            return $http({
                method: "POST",
                url: 'http://sys.hannikang.com/prod/process/prod.ashx?v=1&prod_id=10&t=0.6861832864488719&query=print',
                data: obj1 || {},
                headers: {'Content-Type': 'application/x-www-form-urlencoded'},
                transformRequest: function (obj) {
                    var str = [];
                    for (var p in obj) {
                        str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
                    }
                    return str.join("&");
                }
            }).success(function (data) {
                succCallBack && succCallBack(data);
            }).error(function (data) {
                errorCallBack && errorCallBack(data);
            })
        }
    }
});

Answer 1

Ubah suai perkhidmatan kepada

getDatas: function (url, obj) {
            return $http({
                method: "GET",
                url: url,
                params: obj || {}
            })
            })
        

Apabila dipanggil

 httpService.postDatas('http://sys.hannikang.com/prod/process/prod.ashx?v=1&prod_id=10&t=0.6861832864488719&query=print',obj={})
 .then(function(data){
 console.log(data)
 })

Answer 2

Benarkan kegagalan domain melalui tetapan pelayan (pelayan di mana fail bahagian hadapan terletak)
Sebagai contoh, nginx ditetapkan seperti berikut

jika ($request_method = 'OPTIONS') {

add_header Access-Control-Allow-Origin *; 
add_header Access-Control-Allow-Methods GET,POST,PUT,DELETE,OPTIONS;
#其他头部信息配置，省略...
return 204; 

}

Pelayan web lain atau bahasa belakang seperti php mempunyai kaedah tetapan, semak item konfigurasi berikut

Kawalan-Akses-Benarkan-Asal

Answer 3

Biarkan bahagian belakang menambah penapis asal yang sama

resp.setHeader("Access-Control-Allow-Origin", "*");  
chain.doFilter(req, resp);

Answer 4

Saya memuat turun pelayan tempatan Syarikat saya mempunyai pelayan tempatan. Saya tidak tahu sama ada ini akan menjejaskannya

Answer 5

chrome-extension://nlfbmbojpeacfghkpbjhddihlkkiljbi/options.html

Gunakan alat proksi muat turun krom

Kemudian hanya konfigurasikan alamat pelayan anda. Itulah yang saya lakukan. Saya terlalu malas untuk berurusan dengan bahagian belakang