antdesign新建页面后为什么显示页面不存在
时间: 2023-10-10 20:05:56 浏览: 84
当你在 Ant Design 中新建一个页面时,如果你直接在浏览器中访问该页面,可能会出现“页面不存在”的情况。
这是因为在 Ant Design 中,页面的路由需要在路由配置文件中进行配置,否则系统将无法识别该页面。因此,你需要在路由配置文件中添加对该页面的路由配置。
具体来说,你需要在 `src/routes/index.js` 文件中添加一个路由配置,例如:
```javascript
import React from 'react';
import { Route, Switch } from 'react-router-dom';
import { HomePage, AboutPage, NewPage } from '../pages';
const Routes = () => (
<Switch>
<Route exact path="/" component={HomePage} />
<Route path="/about" component={AboutPage} />
<Route path="/new" component={NewPage} /> // 新添加的路由
</Switch>
);
export default Routes;
```
在这个示例中,我们添加了一个名为 `NewPage` 的页面,并在路由配置文件中添加了对该页面的路由配置。现在,你就可以在浏览器中访问该页面了。例如,可以在地址栏中输入 `http://localhost:3000/new` 来访问该页面。
注意,如果你仍然无法访问该页面,可能是因为你的路由配置存在问题。请确保你在路由配置文件中正确地配置了页面的路由,并且在页面组件中正确地引用了路由组件。
阅读全文