在react中使用Spring Boot&BroweserRouter时出现Whitelabel错误页面

Question

我确实有一个react-application，使用BrowserRouter在页面之间进行路由。我还有一个带有Spring Boot的Java后端。

当我用applicationRunner和npm启动后端和前端时，browserrouter工作得很好。例如，http://localhost:3000/home工作正常。并且localhost:8080/api/collection/{id}可以很好地处理此代码

Java-backend:

@RestController
@RequestMapping(value = "/api", produces = MediaType.APPLICATION_JSON_VALUE)
public class ApiController {
    @Autowired
    private BeregningstjenestePoller poller;

    @GetMapping("/collection/{id}")
    public CollectionV2 withId(@PathVariable String id) {
        return poller.getCollectionWithId(id);
    }

React-frontend:

<BrowserRouter>
      <Route exact path={'/'}>
        <StartPage title={'Hello'} />
      </Route>
      <Route exact path={'/home'}>
        <HomePage />
      </Route>
    </BrowserRouter>

但是，当我尝试将这些服务器与java-jar./bapplication-main/target/beregning-oversikt-main-0-snapshot.jar一起启动时，麻烦就来了。

应用程序现在运行在localhost:8080上，所以起始页可以工作，但是localhost:8080/home不再工作，但是localhost:8080/api/collection/{id}仍然可以工作。

我猜Spring Boot和React路由在一起有点麻烦，但我找不到答案

Answer 1

reactjs和spring boot中都定义了路由“/”。

所以删除spring boot IndexController中带有“/”的索引方法，下面的方法需要删除...它将与React主页一起工作。

@Controller
public class IndexController {
    @GetMapping("/")
    public String index(Model model) {

        return "index";
    }
}