前端endpoint与后端endpoint（spring boot和vuejs）

Question

有点基于本指南：

https://jaxlondon.com/blog/java-core-languages/put-spring-boot-und-vue-js-ustual-use-project-tutorial/

我已经创建了一个多模块maven项目，其中一个子模块是我的后端，另一个子模块是我的前端。当我首先构建整个项目时，前端是“构建”，然后它的dist/资源被复制到后端，后端再进行构建，我可以成功地用java-jar target/backend-1.0.0-snapshot启动spring boot后端，并在localhost:8080上访问它

@RestController
public class GreetingController {

  private static final String template = "Hello, %s!";
  private final AtomicLong counter = new AtomicLong();

  @RequestMapping("/greeting")
  public Greeting greeting(@RequestParam(value = "name", defaultValue = "World") String name) {
    return new Greeting(counter.incrementAndGet(), String.format(template, name));
  }

  @RequestMapping("/")
  public Greeting root(@RequestParam(value = "name", defaultValue = "Root!") String name) {
    return new Greeting(counter.incrementAndGet(), String.format(template, name));
  }
}

Vue.use(Router);

const router = new Router({
    mode: 'history',
    base: process.env.BASE_URL,
    routes: [
        {
            path: '/',
            name: 'home',
            component: HomeRoute
        },
        {
            path: '/myroute',
            name: 'myroute',
            component: MyRoute
        }
    ]
});

export default router;

<template>
<div class="hello">
    <li>
      <router-link to="/MyRoute">GoToMyRoute</router-link>
    </li>
    <li>
      <router-link to="/">GoToHome</router-link>
    </li>
    <router-view></router-view>
</div>
</template>

基于以上，我的问题变成：

1. 如果我想在浏览器中直接访问每个vuejs路由，是否需要为其维护后端RequestMapping？
2. 如何分离/排序前端endpoint和后端endpoint？现在，与纯粹的前端endpoint/路由相比，后端endpoint何时被访问似乎没有约定。

Answer 1

我建议你这样做：

>

在后端有一个“UI”控制器，它可以将任何未映射的路由转发到前端应用程序，例如：

@RequestMapping(value = "/**/{[path:[^\\.]*}")
public String redirect() {
    // Forward to home page so that route is preserved.
    return "forward:/";
}