更改反应网站的登陆页面，本地主机

【问题标题】：Changing landing page for react website , localhost更改反应网站的登陆页面，本地主机
【发布时间】：2022-01-15 23:41:34
【问题描述】：

我在 localhost 上部署了一个网站，npm build / react，我想选择另一个登录页面。

但是，我是使用 React 的新手，我不知道在哪里可以找到页面的路线。我在根文件夹的public/Index.html、public/manifest.json 和package.json 中有以下代码。我尝试将package.json 中的homepage 修改为另一个文件夹/.ts/.tsx 文件，但没有任何成功。

知道如何找到其他页面的路由以及如何为 localhost 服务器设置登录页面吗？

【问题讨论】：

标签： html reactjs routes

【解决方案1】：

您不会触摸公共文件夹的路线，并假设您想链接到另一个页面，例如您想从 / 转到 /about 那么您需要这样做：这将是您的主页 - app.tsx

import { BrowserRouter, Routes, Route} from 'react-router-dom';

    function App() {
       return (
          <BrowserRouter>
             <Routes>
              <Route path="/" element={<Home />} />
              <Route path="/about" element={<About/>} />
             </Routes>
          </BrowserRouter>
    );
  }

这将是您的 about 文件 about.tsx

import { Link } from 'react-router-dom';

function About() {
  return (
     <div>
       <nav>
        <Link to="/">Home Page</Link>
       </nav>
    </div>
 );
}

要了解有关路线的更多信息，请查看以下文档 React router V6

【讨论】：