我正在创建SpringBoot应用程序,在前端使用react。我可以在浏览器中打开该页,但在后端显示错误:
RequestRejectedException: The request was rejected because the URL contained a potentially malicious String "//"
所以我有一个简单的java视图控制器:
@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路由器,下面是我的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/#
没关系,也没有例外。我怎样才能解决这个问题?如果我去掉其中的一个斜线就不能正常工作
1条答案
按热度按时间6tdlim6h1#
在构建单页应用程序时,应该使用
@RequestMapping("/**")
在后端,否则你会得到一个404如果你试图达到一个不同的网页比主页。