我想使用 BrowserRouter 来创建多页反应应用程序,我可以在其中访问具有不同路由器名称的不同模块。我可以分别使用 http://localhost:3000/home 和 http://localhost:3000/about 在 Home 和 About 模块之间切换。
我创建这个基于路由器的应用程序的主要目的是将构建文件部署到我们需要访问项目的服务器中。
将文件部署到我的上下文文件夹之一(myapp)后,我可以使用 http://localhost:8080/myapp/index.html 访问我的项目。
问题是如何在我可以使用 http://localhost:3000/home 的模块之间切换。如何从部署中访问 Home 和 About 模块。(Tomcat)。请帮助我。
应用程序.js:
import React from "react";
import "./App.scss";
import ReactDOM from "react-dom";
import { BrowserRouter as Router, Switch, Link, Route } from "react-router-dom";
import About from "./About";
import Home from "./Home";
function App(props) {
return (
<Router>
<Switch>
<Route path="/home" render={() => <Home />} />
<Route path="/About" render={() => <About />} />
</Switch>
</Router>
);
}
export default App;