网络技术问题 | AngularJS 测验 | 第 3 组 | 问题 12

介绍

本篇介绍的是关于AngularJS测验的第三组问题中的第12个问题。在AngularJS开发中，我们可能会涉及到跨域访问的问题。这个问题在开发过程中很常见，因此，必须掌握正确的解决方法。

问题描述

AngularJS开发中，如何解决跨域访问的问题？

解决方法

解决跨域访问的问题，主要有两种方法：

1.使用代理服务

可在后台设置一个代理服务，使客户端请求该代理服务，代理服务再去请求后端服务，然后将后端服务的响应结果返回给客户端。这样可通过代理服务间接地解决跨域访问的问题。

下面是一个示例代码：

//在AngularJS的config()方法中配置
$httpProvider.defaults.useXDomain = true;
delete $httpProvider.defaults.headers.common['X-Requested-With'];
$httpProvider.defaults.headers.common['Access-Control-Allow-Origin'] = '*';

//在后台设置代理服务
$http.get('proxy?api=' + apiURL).then(function (response) {
   //处理响应结果
});

2.使用JSONP

JSONP是JSON with Padding的缩写，使用