春アプリは、私が<a href="https://github.com/yeoman/generator-angular#readme" rel="nofollow noreferrer">AngularJS generator by yoeman</a></p> <p>を経由して簡単なangularJSプロジェクトを生成し、その後に選択することがfuncionalityと1つのコントローラmehodを持つJPAリポジトリを持つシンプルな春のブートプロジェクトを作成した同じ溶液

Question

にangularJSプロジェクトについて知っていませんすべてのユーザー。このケースでは、両方のプロジェクトを実行しているときです。ポート8080とポート9000の角度プロジェクトでは、角度プロジェクトがどのように春が投げているデータを知ることができるのでしょうか。プロジェクト内の

マイファイルツリーには、次のようになります。

そして、私はこの問題は、index.htmlのファイルであると思います。通常、これはリソースフォルダに配置する必要があります。そのため、スプリングプロジェクトは角度のあるプロジェクトと通信できます。しかしcmdでgrunt commendの間、buildフォルダは新しいindex.htmlファイルを作成し、プロセスは円を作成します。私はindex.htmlファイルをリソースフォルダに移動することを考えましたが、もう意味をなさない。

私はGruntfile.jsを変更することについても言いますが、正直なところ、私は変わっていくべきものが何であるか分かりません。 Link to pastebin because the file was too long

シンプルなサービス：

angular.module('webappApp') 
    .factory('myroute', function ($resource) { 
    var service = $resource('/api/user', { id : '@id'}, 
     { 


     }); 

    return service; 
    }); 

シンプルコントローラ：

angular.module('webappApp') 
    .controller('MyrouteCtrl', function (myroute) { 
    console.log(myroute.query()); 
    }); 

Answer 1

あなたはendointsのためのうなり声プロキシに設定された必要Gruntfileは次のようになります。

grunt.initConfig({ 
    connect: { 
     server: { 
      options: { 
       port: 8080, 
       hostname: 'localhost' 
      }, 
      proxies: [ 
       { 
        context: '/api', 
        host: 'localhost', 
        port: 8080, 
        https: false 
       } 
      ] 
     } 
    } 
}) 

しかし、あなたはローカルの開発のためにのみ必要です。この例：grunt-connect-proxy

のためにこのようなものを追加します。