javascript - Angular JS 和跨源请求

Question

我只是在玩 Angular JS 并将其连接到我已经实现的一些 Restful Web 服务。我已经开始使用 Angular 提供的 $resource 模块，并有一个简单的问题(我希望)。在下面的代码中，我向我编写的 Spring Boot 微服务发出请求，并且想知道访问 URL 的最佳方式。

那么是否有另一种方法来调用跨源资源，而不必编写下面的行。有没有类似/customer/greeting 我可以使用的东西，但是当我的 Angular 应用程序驻留在 localhost:8000 上时，我将如何指定不同的端口？

http://localhost\:9001/customer/greeting //this is a spring boot application

我的 service.js 的完整代码位于下面，它驻留在 localhost:8000 上，并且是一个节点 JS 服务器。

'use strict';

/* Services */

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

phonecatServices.factory('Phone', ['$resource',
  function($resource) {
    return {
      pDetail: $resource('phones/:phoneId.json', {}, {
        query: {method: 'GET', params: {phoneId: 'phones'}, isArray: true}
      }),

      cDetail: $resource('http://localhost\:9001/customer/greeting', {}, {
        query: {method: 'GET'}
    })
    };
  }]);

当人们通常实现时，他们是否有很多 http://balh当它跨原点时等等？有可以在这里应用的模式吗？

提前致谢。

Answer 1

你可以这样做:

制作函数

var getCrossOriginUrl=function(portNo){
var crossOriginPath="http://localhost\:"
 return crossOriginPath+portNo+"/";
}

现在你可以这样调用:

$resource(getCrossOriginUrl(9001)+'customer/greeting',{}, {
        query: {method: 'GET'}
})