angular中的$http请求跨域,采用CROS方式解决

前端之家收集整理的这篇文章主要介绍了angular中的$http请求跨域,采用CROS方式解决前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

anjular中的controller层$http服务,解决跨域请求。

js书写:

    /**
     * 采用CORS方式实现ajax跨域请求
     */
    $http({
        method:"post",  // 请求方式可以为post,也可以为get
        params:"",
        url:"http://localhost:8080/getArray",  // 跨域请求的路径
    }).success(
        function (response) {
            $scope.array = response;
        }
    );

 

服务层书写:

    @RequestMapping("/getArray")
    @ResponseBody
    public List<Integer> getArray(HttpServletResponse response) {
        
        List<Integer> list = new ArrayList<>();
        
        list.add(1);
        list.add(2);
        list.add(3);
        list.add(4);
        list.add(4);
        

  // 此处要添加需要跨域时,响应头,"http://localhost" 为 前端页面请求的源地址
        response.setHeader("Access-Control-Allow-Origin","http://localhost");  
        
        return list;
        
    }

 

添加的响应头信息,可以通过 浏览器页面查看相应的请求origin;同时也可以看出响应的时候,服务端的响应信息是否添加成功

分享图片

猜你在找的Angularjs相关文章