gpt4 book ai didi

reactjs - React Router 与 Spring Boot 路由冲突

转载 作者:行者123 更新时间:2023-12-05 03:43:31 38 4
gpt4 key购买 nike

我正在前端使用 React 创建 Spring Boot 应用程序。我可以在浏览器中打开页面,但在后端出现错误:

RequestRejectedException: The request was rejected because the URL contained a potentially malicious String "//"

所以我有一个简单的 java-view Controller :

@Controller
public class ViewController {
@RequestMapping("/")
public String index() {
return "index";
}
}

它返回 html:

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8" http-equiv="CONTENT-TYPE" content="text/html; charset=UTF-8"/>
<title>Hello demo</title>
<link href="/build/react_app.css" rel="stylesheet"></head>
<body>
<div id="react"></div>
<script src="/build/js/main.min.js"></script><script src="/build/js/react_app.min.js"></script></body>
</html>

所以在 React 应用程序中,我连接了 react-router,这是我的 index.js:

const middleware = [thunk, createLogger()];
let container = document.getElementById('react');

const store = createStore(
reducer,
compose(applyMiddleware(...middleware))
);

ReactDOM.render(
<Provider store={store}>
<Router history={hashHistory}>
<Switch>
<Route exact path="/" component={MainPage}/>
<Route exact path="/login" component={LoginPage}/>
<Route exact path="/registration" component={RegistryPage}/>
<Route path="*" component={NotFound}/>
</Switch>
</Router>
</Provider>,
container
);

export default store;

所以基本上我可以访问主页面,它呈现正常。我可以在路由之间切换,但同时在后端我看到错误。我调试并意识到为什么会这样。主页的url是

http://localhost:8080/#/

如果我使用 url http://localhost:8080/# 没问题,没有异常(exception)。我怎样才能解决这个问题?如果我删除其中一个斜杠将无法正常工作

最佳答案

当您构建单页应用程序时,您应该在后端使用 @RequestMapping("/**") 否则,如果您尝试访问与当前页面不同的页面,您将收到 404主页。

关于reactjs - React Router 与 Spring Boot 路由冲突,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66742519/

38 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com