AngularJS1.6 跨域

配置跨域白名单,要配置请求域名下所有内容

//配置跨域白名单
    app.config(['$sceDelegateProvider', function ($sceDelegateProvider) {
        $sceDelegateProvider.resourceUrlWhitelist([
            'self',
            // ** 代表可以访问这个域名下的所有内容
            'http://datainfo.duapp.com/**'
        ]);
    }]);

否则会发生错误:

<script src="angular.js"></script>
<!--<script src="angular1.6.js"></script>-->
<script>
    //1.创建模块
    var app = angular.module('app', []);

    //配置
    app.config(['$sceDelegateProvider', function ($sceDelegateProvider) {
        $sceDelegateProvider.resourceUrlWhitelist([
            'self',
            'http://datainfo.duapp.com/**'// ** 代表可以访问这个域名下的所有内容
        ]);
    }]);

    //2.创建控制器
    app.controller('skController', ['$scope', '$http',function ($scope, $http) {
        //1.6 以上
        $http({
            url:'http://datainfo.duapp.com/shopdata/getGoods.php',
            method:'jsonp'

        }).then(function (res) {
            console.log(res);
        }).catch(function (error) {
            console.log(error);
        });


        //1.6 以下
        /*$http({
            url:'http://datainfo.duapp.com/shopdata/getGoods.php',
            method:'jsonp',
            params:{
                callback:'JSON_CALLBACK'
            }

        }).success(function (res) {
            console.log(res);
        }).error(function (error) {
            console.log(error);
        })*/

    }]);

</script>