在.umirc.ts的routes進(jìn)行路由配置1、配置路由routes:[{path:'/路徑',components:'路徑,@為src,不需要引入組件',exact:true}]配置:redirect:'/重定向路由路徑'title:'路由頁面名稱'wrappers:['/路由校驗的組件路徑']其中該組件:export default (props) => {校驗操作return {props.children} 如果驗證成功返回所在的路由組件}2、路由跳轉(zhuǎn)(1)聲明式導(dǎo)航import { Link,NavLink } from 'umi';<Link to="/路徑">xx</Link>exact、strict和高亮等配置和react相同(2)編程式導(dǎo)航(都可以使用this.props.xx的寫法)import { history } from 'umi'; 或者this.props.history.push和react相同寫法history.push('/x');history.push('/xx?鍵=值');history.push({pathname: '/xx',query: {參數(shù)鍵值對},});history.goBack();history.replace('/路徑');參數(shù)獲取:history.location.query.鍵名獲取this.props.location.query3、路由重定向import { Redirect } from 'umi'<Redirect to="/路徑" />4、嵌套路由routes: [{path: '/',component: '@/layouts/index',routes: [{ path: '/user', redirect: '/user/login' },{ path: '/user/login', component: './user/login' },],},],父路由上:{this.props.children}顯示子路由5、配置hash路由history: { type: 'hash' },和nodeModulesTransform同級

總結(jié)

以上是生活随笔為你收集整理的umi 路由的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。