Как использовать URL-адреса HTML5 с SpringBoot и VueJS

У меня есть следующая настройка моего проекта Vue ...

import UploadComponent from './Upload.vue'
import MainPageComponent from './MainPage.vue'
...
const router = new VueRouter({
    routes: [
        { path: '/', component: MainPageComponent },
        { path: '/upload', component: UploadComponent }
    ]
});
...
let App = { router };
new Vue(App).$mount('#km-viewport');

Тогда в моем html у меня есть ...

<div id = "km-viewport">
    <jg-app> </jg-app>
</div>

а внутри jg-app у меня есть следующий шаблон ...

<md-app-content>
    <router-view></router-view>
</md-app-content>

Затем, чтобы заставить эту работу работать с Spring Boot, я добавляю следующее ...

@Controller
public class MainEndpoint {
  @GetMapping("")
  public String rootRedirect(){return "redirect:/ui";}
  @RequestMapping("/ui")
  public String root(){
      return "splash";
  }
  @RequestMapping("/ui/upload")
  public String upload() { return "forward:/ui"; }
}

Проблема в том, дошел ли я до <address>/ui или <address>/ui/upload, они оба показывают один и тот же компонент MainPageComponent. Я не могу понять, как заставить загрузку показать компонент загрузки.

Как использовать URL-адреса HTML5 с VueJS и Spring Boot?