为什么我能够 go 到 locahost 之后的任何路线，并获得我的主页？

Question

我正在创建一个 ReactJs 应用程序，该应用程序使用 REST API 获取宠物小精灵的统计数据、名称和图片，但是，当我尝试设置我的任何路由时，我可以使用提供的路由重新设置路由我在 localhost:3000/ 之后请求的任何内容的主页

我在 GitHub 上托管了我的项目，请参阅参考“ https://github.com/abhinav-anshul/Pokedex-A-collection-of-Pokemons ”

小心，我从我的项目结构中删除了我的 Route.js 文件，看看我是否能够 go 到任何链接，是的，我仍然可以访问 localhost:3000/ 之后的任何链接，例如“localhost:3000/doesnotexist "，我仍然得到我的主页，即 "index.js"

// 这是我删除的 Route.js 文件，因为即使在“localhost:3000/pokemon”，我也会从“index.js”将相同的页面渲染到屏幕上

import ReactDOM from "react-dom";
import "./components/Navbar";
import { BrowserRouter, Route, Switch, Link, NavLink } from "react-router-dom";
import Navbar from "./components/Navbar";
import PokemonDetails from "./components/PokemonDetails";

const Route = () => (
  <BrowserRouter>
    <Switch>
      <Route exact path="/" component={index} />
      <Route path="/pokemon" component={PokemonDetails} />
    </Switch>
  </BrowserRouter>
);

export default Route;

Answer 1

我认为您应该对主页使用“确切路径”。

<Route exact path="/" component={index} />