Spring app doesn't know about angularJS project in the same solution

Question

I have generated a simple angularJS project via AngularJS generator by yoeman

and after that created simple Spring-boot project with JPA repository which has one controller mehod with funcionality to select all users. The case is when I run both projects - spring on port 8080 and angular project on port 9000, there is no chance how the angular project can get to know about the data which spring is throwing.

My file tree in a project looks like:

And I think the problem is with index.html file. Normally it should be putted in a resource folder, so that spring project could communicate with angular project. But during grunt commend in cmd the build folder creates a new index.html file and the process makes circle. I thought about moving index.html file into resource folder but it doesn't make sense anymore.

I also thougt about changing the Gruntfile.js but honestly I don't know what excatly should I change. The Gruntfile looks like: Link to pastebin because the file was too long

Simple service:

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


      });

    return service;
  });

Simple controller:

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

what do you mean by "there is no chance how the angular project can get to know about the data which spring is throwing." ? You should be requesting through ajax request data to the java backend — Gonzalo.-
– Gonzalo.-, Commented Mar 14, 2017 at 22:20
Simple service: angular.module('webappApp') .factory('myroute', function ($resource) { var service = $resource('/api/user', { id : '@id'}, { }); return service; }); Simple controller: angular.module('webappApp') .controller('MyrouteCtrl', function (myroute) { console.log(myroute.query()); }); — bielas
– bielas, Commented Mar 14, 2017 at 22:24

Matej Marconak · Accepted Answer · 2017-03-15 05:28:45Z

0

You need set in grunt proxy for endoints. For example grunt-connect-proxy

Add something like this:

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

But this you need only for local development.

answered Mar 15, 2017 at 5:28

Matej Marconak

1,4133 gold badges21 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

bielas Over a year ago

Is it possbile to run spring project and angular both on port 8080? I don't think so it is possbile, so I can't imagine how it will be possible to work with?

Matej Marconak Over a year ago

It is possible, check this Spring Boot and AngularJS Integration Tutorial or this Spring and Angular JS: A Secure Single Page Application.

bielas Over a year ago

At first example the index.html file is in resource. At my example it's diffrent - so I can't get that example as a help in my case :( At the second example I can't see any commons..

bielas Over a year ago

Or maybe the UI should be in a resources/static folder?

bielas Over a year ago

For example when I created a project via jhipster generator, it creates all "frontend" files in excatly the same path as above in a question

|

Collectives™ on Stack Overflow

Spring app doesn't know about angularJS project in the same solution

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related