Question

我目前遇到了有关404未找到页面的反应路由器显示的一些问题。这是我到目前为止的代码：

<Route path="/home" component={Home} exact={true}/>
<Route path="/admin/forgot-password" component={AdminResetPassword} exact={true}/>
<Route path="*" component={Page404}/>
<Authentication path="/admin/welcome" component={AdminWelcome} exact={true}/>
<Authentication path="/admin/dashboard" component={AdminDashboard} exact={true}/>

但是，如果我尝试做这样的事情：

data = pd.read_csv('https://archive.ics.uci.edu/ml/machine-learning- 
databases/housing/housing.data', header = None, sep='\s+')
data.columns = ['CRIM','ZN', 'INDUS', 'CHAS', 'NOX', 'RM', 'AGE', 
'DIS', 'RAD', 'TAX','PTRATIO', 'B', 'LSTAT', 'MEDV']

X = data[['RM']]
y = data[['MEDV']]

data.plot(kind='scatter', x='RM', y='MEDV')
xScale = [1,2,3,4,5,6,7,8,9,10]
yScale = [0,5,10,15,20,25,30,35,40,45,50,55,60]
plt.xticks(xScale)
plt.yticks(yScale)
plt.xlabel("Avg Num Rooms")
plt.ylabel("Avg Price (in 1000s)")
plt.scatter(X,y)
plt.show()

ting是，它有效 - 但仅适用于未包含在身份验证中的页面。换句话说，如果我要尝试导航到管理页面，它只是说找不到404页面。我该如何解决这个问题？

非常感谢帮助。

Answer 1

您可以使用<Switch />：

<Switch>
    <Route path="/home" component={Home} exact={true}/>
    <Route path="/admin/forgot-password" component={AdminResetPassword} exact={true}/>
    <Authentication path="/admin/welcome" component={AdminWelcome} exact={true}/>
    <Authentication path="/admin/dashboard" component={AdminDashboard} exact={true}/>
    <Route component={Page404}/>
</Switch>

如果最后一个路径之前没有路径匹配，则会显示Page404。

反应路由器404页面

1 个答案: