在angularjs中使用ngresource调用外部api答案

【问题标题】：calling an external api using ngresource in angularjs在angularjs中使用ngresource调用外部api
【发布时间】：2016-01-25 16:37:50
【问题描述】：

我想知道是否可以在 angularjs 中使用 ngresource 从外部 api 获取数据。`

var brk = angular.module('service', ['ngResource']);

brk.factory('ListingFactory', function ($resource) {
    return $resource("http://bonches.cloudapp.net/product/index", {}, {     
        query: { method: 'GET', isArray: true },
        create: { method: 'POST' }
    })
});

brk.factory('ListingsFactory', function ($resource) {    
    return $resource('http://bonches.cloudapp.net/product/index', {}, {    
        show: { method: 'GET' },
        update: { method: 'PUT', params: {id: '@id'} },
        delete: { method: 'DELETE', params: {id: '@id'} }
    })
});

当我运行它时，它会将 url 映射到正在工作的环境中，例如 localhost:8000/http://bonches.cloudapp.net/product/index。

【问题讨论】：

检查您的配置块是否有任何$http request interceptors 可能会更改您的绝对网址。

标签： javascript angularjs

【解决方案1】：

只有在您的服务器实现了 CORS（一种基于 HTTP 标头发出跨站点请求的方法）时，您才能这样做。

看看这里如何配置CORS：https://en.wikipedia.org/wiki/Cross-origin_resource_sharing

【讨论】：

谢谢。我能够在服务器上启用 CORS 但现在我该如何在 angularjs 中进行呢？
客户端（角度也是如此）应该是透明的。