AnjularJS的$http只能访问本地数据,不能访问服务器数据

在学习过程中,发现$http中不能像例子一样访问他所给的json文件.出现下面错误

拦截跨源请求：同源策略禁止读取位于 http://www.runoob.com/try/angularjs/data/sites.php 的远程资源。（原因：CORS 头缺少 ‘Access-Control-Allow-Origin’）。 （未知）

解决方法:存在跨域问题
来自 http://www.runoob.com/w3cnote/php-ajax-cross-border.html
例如：客户端的域名是client.runoob.com，而请求的域名是server.runoob.com。

如果直接使用ajax访问，会有以下错误：

XMLHttpRequest cannot load http://server.runoob.com/server.php. No
‘Access-Control-Allow-Origin’ header is present on the requested
resource.Origin ‘http://client.runoob.com’ is therefore not allowed
access.

1、允许单个域名访问

指定某域名（http://client.runoob.com）跨域访问，则只需在http://server.runoob.com/server.php文件头部添加如下代码：

header('Access-Control-Allow-Origin:http://client.runoob.com');

2、允许多个域名访问

指定多个域名（http://client1.runoob.com、http://client2.runoob.com等）跨域访问，则只需在http://server.runoob.com/server.php文件头部添加如下代码：

$origin = isset($_SERVER['HTTP_ORIGIN'])? $_SERVER['HTTP_ORIGIN'] : '';  

$allow_origin = array(  
    'http://client1.runoob.com',  
    'http://client2.runoob.com'  
);  

if(in_array($origin, $allow_origin)){  
    header('Access-Control-Allow-Origin:'.$origin);       
} 

3、允许所有域名访问

允许所有域名访问则只需在http://server.runoob.com/server.php文件头部添加如下代码：

header('Access-Control-Allow-Origin:*');