在新的React应用程序中打开主页的所有URI



我刚刚开始使用React,并使用create-rect app CLI命令创建了一个新的React项目。然后,我使用npm-start启动了该应用程序,它按预期工作,并启动了运行在上的测试应用程序的实例http://localhost:3000/.

然而,当我尝试打开一个随机的URL时http://localhost:3000/test或http://localhost:3000/abcd,也加载到同一主页。我不应该为这些URL打404吗?

对这种行为的任何解释都将不胜感激,我也想知道如何改变这种行为,以实际显示尚未通过React路由器声明的URL的404页面。

import React from 'react';
import { render } from 'react-dom';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import Hello from './Hello';
import NotFound from './NotFound';
const App = () => (
<Router>
<Switch>
<Route exact path="/" component={Hello} />
<Route component={NotFound} />
</Switch>
</Router>
);
render(<App />, document.getElementById('root'));

试试这个你需要安装反应路由器

npm安装反应路由器dom

这里的NotFound是404页的

最新更新