Spring Boot 2.7.5 Angular 15 as a single war-CodePudding

The

I have 3 build.gradle files, 1 for frontend , 1 for backend, and 1 for global. When I run the global build.gradle file, it would call call build.gradle from fronend folder which builds angular project and copies all the build files and put them into backend/src/main/resources/static folder. Next, build.gradle from backend gets called which would build final war file to be deployed on external tomcat server.

The reason I'm putting frontend build files (index.html, some .js files) into backend/src/main/resources/static is the fact that Spring Boot Serves static content from that location.

When I try to access http://localhost:8080, it loads index.html from static folder.

So far it is good. When I click login button, internally it calls backend api and move to next page (home page i.e., http://localhost:8080/fe/appInstances).

Now if I refresh the page, it gives me the following 404 Whitelabel Error Page.

I understand that since this is springboot as it is looking for definition of http://localhost:8080/fe/appInstances api end point in the java code.

To fix this, I have created the following IndexController.java class which should redirect all the frontend rest end points to index.html which is present at main/resources/static folder.

IndexController.java

@Controller public class IndexController { @GetMapping("/") public String index() { return "redirect:/index"; } @GetMapping("/fe/*") public String anyFrontEndApi() { return "index"; } }

But now, I get the following Whilelabel error page about Circular view path [index]: would dispatch back to the current handler URL [/fe/index] again.

I have tried Changing @Controller to @RestController and changing the return type to ModelandView something like this. But irrespective of all, it is still giving me the Whitelable Error Page about Cicular view path...

@RestController public class IndexController { @GetMapping("/") public String index() { return "redirect:/index"; } @GetMapping("/fe/*") public ModelAndView anyFrontEndApi() { ModelAndView mv = new ModelAndView(); mv.setViewName("index"); return mv; } }

Am I missing something here? Can someone please suggest me a fix for this?

PS: @justthink addressed this situation here. But I don't know how to do reserve proxy way.

CodePudding user response：

We had this situation of page refresh for Angular and Springboot and we resolved this by adding the below Configuration class extending WebMvcConfigurerAdapter

@Configuration public class WebMvcConfig extends WebMvcConfigurerAdapter { @Override public void addResourceHandlers(ResourceHandlerRegistry registry) { registry.addResourceHandler("/**/*") .addResourceLocations("classpath:/static/") .resourceChain(true) .addResolver(new PathResourceResolver() { @Override protected Resource getResource(String resourcePath, Resource location) throws IOException { Resource requestedResource = location.createRelative(resourcePath); return requestedResource.exists() && requestedResource.isReadable() ? requestedResource : new ClassPathResource("/static/index.html"); } }); } }

So basically, we are telling Springboot that if we have the resource, use the same if not then redirect it to index.html.

Now, to handle the path in Angular, it depends on how you would have written your routes. If the path is available, you show the page, if not, display 404 page.

Hope this helps.

Update 1:

WebMvcConfigurerAdapter is deprecated. If this causes any trouble, then instead of extending the class WebMvcConfigurerAdapter, you can implement WebMvcConfigurer

CodePudding user response：

If you see the whitelabel error says that "this application has no explicit mapping for /error".

That means if no path is matched with the paths that are defined in controller mappings, it forwards the request to "/error" route. So we can override this default behaviour.

Spring provides ErrorController interface to override this functionality

import org.springframework.boot.web.servlet.error.ErrorController; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; @Controller public class CustomErrorController implements ErrorController { @RequestMapping("/error") public String handleError() { return "forward:/"; } }