routing?

[ahmeed83]

Everything works after i finished the steps mentioned in this page.
However I want to add routing to the page and that doesn't work. Anyone has an idea how to solve it?

[muenchto]

same problem here

[Jingli2017]

same

[TranNgocKhoa]

My current solution is HashRouter. But I don't think it's a perfect solution

[TranNgocKhoa]

Another solution with BrowserRouter. This works with Swagger too.

@Configuration
public class WebConfig {

    @Bean
    public WebMvcConfigurer reactRoutingMapper() {
        return new WebMvcConfigurer() {
            @Override
            public void addViewControllers(ViewControllerRegistry registry) {
                // Map "/"
                registry.addViewController("/")
                        .setViewName("forward:/index.html");
                // Map "/word", "/word/word", and "/word/word/word" - except for anything starting with "/api/..." or ending with
                // a file extension like ".js" - to index.html. By doing this, the client receives and routes the url. It also
                // allows client-side URLs to be bookmarked.

                // Single directory level - no need to exclude "/api" and "/swagger-ui.html"
                registry.addViewController("/{x:[\\w\\-]+}")
                        .setViewName("forward:/index.html");
                // Multi-level directory path, need to exclude "api" on the first part of the path
                registry.addViewController("/{x:^(?!\\/api|\\/swagger\\-ui\\.html).*$}/**/{y:[\\w\\-]+}")
                        .setViewName("forward:/index.html");
            }
        };
    }
}