Spring Boot cannot find image assets

Question

Spring Boot application is packaged as a fat jar file. I am utilizing the embedded Tomcat instance of Spring Boot. I did not alter the default locations in application.properties for spring.resources.static-locations. The production build for the Angular application is added under /static. server.servlet.context-path is set as app. server.port is 8480. base href for index.html is .

/static
- /assets
-- /images
---- logo.png
---- /flags
------ flag.png
-- /scss
- index.html
- *.js
- *.js.map
- *.ttf
- *.eot
- *.svc
- *.woff
- *.woff2

I can load the interface and the Angular application is properly sending REST requests but I cannot load any image resource. /assets/scss is properly recognized in Dev Tools but not /assets/images. Also added this @Configuration according to this video.

@Configuration
public class StaticResourceConfigurator extends WebMvcConfigurerAdapter {
   @Override
   public void addResourceHandlers(ResourceHandlerRegistry registry) {
      registry
        .addResourceHandler("/assets/images/**")
        .setCachePeriod(0)
        .addResourceLocations("classpath:/static/assets/images/");
      }
}

Requests for image resources are sent to localhost:8480/assets/images/logo.png when it should be localhost:8480/app/assets/images/logo.png

I am using IntelliJ IDE. Here is the screenshot of my resources

ChromeDevTools log using production build application. Replaced app with afs

Can you post the `base_url` property existing in index.html in Angular application — Vaibhav, Mar 21 '19 at 03:30
@VaibhavKumarGoyal there is no `base_url` defined in the `index.html` of the Angular application. Or do I need to define that property for this to work? — Celestia, Mar 21 '19 at 03:34
Are you running your angular application in a tomcat server, packaging as a war or a jar? — Dulanjaya Tennekoon, Mar 21 '19 at 04:05
@DulanjayaTennekoon I am running the Angular application using the embedded Tomcat server in Spring Boot. The Spring application is packaged as a jar file. — Celestia, Mar 21 '19 at 05:07
@DulanjayaTennekoon since app is still under dev, I use `ip:port/app` as the url. jar name is `app.jar` — Celestia, Mar 21 '19 at 05:27
while making a prod build try with this command `ng build --prod --deploy-url=app/` — BeeBee8, Mar 21 '19 at 06:03
@BhushanBabar I already tried to build the app using that command. I guess I'll ask the front-end guys to settle this first. — Celestia, Mar 21 '19 at 09:14

score 1 · Answer 1 · answered Mar 21 '19 at 05:30

1

You should change the baseUrl of your index file as follows.

If your Jar name is app.jar, then your baseUrl has to be

<base href="/app/">

answered Mar 21 '19 at 05:30

Dulanjaya Tennekoon

2,408
1
18
31

Already set the `base href` property as `/app/` but still not loading the images. `ng build --base-href=/app/` – Celestia Mar 21 '19 at 05:54
Have you changed it from index.html? Try to change it from index.html and check – Dulanjaya Tennekoon Mar 21 '19 at 05:55
The output `index.html` after `ng build` gave the same pattern as you recommended. edit: will attach dev tools request – Celestia Mar 21 '19 at 05:57
Have you tried any production build, ng build --base-href=/app/ --prod – Dulanjaya Tennekoon Mar 21 '19 at 06:18
Yes. I have tried to build the Angular app using that. Will ask help from the front-end guys for this. – Celestia Mar 21 '19 at 09:16

Spring Boot cannot find image assets

1 Answers1