Reactjs 如何在react中从404错误页面重定向到主页?
我是react的新手,我只想知道如何将用户从404错误页面重定向到主页这是我在GitHub上的项目repo 这是我的路线代码Reactjs 如何在react中从404错误页面重定向到主页?,reactjs,react-router,Reactjs,React Router,我是react的新手,我只想知道如何将用户从404错误页面重定向到主页这是我在GitHub上的项目repo 这是我的路线代码 import React, {Component} from 'react'; import { BrowserRouter, Route, Switch, Link, Redirect } from 'react-router-dom'; import Home from './components/home'; import About from './compon
import React, {Component} from 'react';
import { BrowserRouter, Route, Switch, Link, Redirect } from 'react-router-dom';
import Home from './components/home';
import About from './components/about';
import Contact from './components/contact';
import Navbar from './components/navbar';
import NotFound from './components/404';
class Routes extends Component {
render(){
return(
<BrowserRouter>
<div>
<Navbar />
<Switch>
<Route path='/' component={Home} exact />
<Route path='/home' component={Home} />
<Route path='/about' component={About} />
<Route path='/contact' component={Contact} />
<Route component = {NotFound}/>
</Switch>
</div>
</BrowserRouter>
);
}
}
export default Routes;
import React,{Component}来自'React';
从“react router dom”导入{BrowserRouter,Route,Switch,Link,Redirect};
从“./components/Home”导入Home;
从“./components/About”导入关于;
从“./components/Contact”导入联系人;
从“./components/Navbar”导入Navbar;
从“/components/404”导入未找到的文件;
类路由扩展组件{
render(){
返回(
);
}
}
导出默认路径;
如果您想立即从404重定向到主页(从未看到未找到的组件),您可以用以下代码替换最后一条路由(
):
这将捕获任何与其他路由不匹配的路径,就像之前的NotFound路由一样,但它不会呈现组件,而是将用户发送到主页。如果您想立即从404重定向到主页(而从未看到NotFound
组件),则可以替换上一个路由(
)使用此代码:
这将捕获任何与其他路由不匹配的路径,就像之前的NotFound路由一样,但它不会呈现组件,而是将用户发送到主页。您的GitHub链接是404 not found。@enkrates抱歉,这是一个私有的repo我的错误,现在是公共的,请给它一个快照,如果url没有映射到任何路由e、 你想重定向到主页吗?你的GitHub链接是一个404未找到。@enkrates抱歉,这是一个私人回购我的错误,现在它是公共的,给它一个快照。因此,如果url没有映射到任何路由,你想重定向到主页吗?