filter routes

initapp/src/menus.json

@@ -1 +1 @@
-[{"path":"/"},{"path":"/index/b"}]
+[{"path":"/detial/:index?"},{"path":"/home/:index"},{"path":"/"}]

initapp/src/models/detial.js

@@ -0,0 +1,44 @@
+import { query } from '@/services/api';
+
+
+const DetialModel = {
+  namespace: 'detial',
+
+  state: {
+    name: ''
+  },
+
+  effects: {
+    *query({ payload }, { call, put, select }) {
+      const data = yield call(query, payload);
+      console.log(data)
+      yield put({
+        type: 'save',
+        payload: { name: data.text },
+      });
+
+    },
+
+  },
+  subscriptions: {
+    setup({ dispatch, history }) {
+      return history.listen(({ pathname }) => {
+        if (pathname === '/detial') {
+          dispatch({
+            type: 'query'
+          })
+        }
+      });
+    }
+  },
+  reducers: {
+    save(state, action) {
+      return {
+        ...state,
+        ...action.payload,
+      };
+    },
+  },
+};
+
+export default DetialModel;

initapp/src/pages/detial/$index$.js

@@ -0,0 +1,20 @@
+import { connect } from 'dva';
+import React, { Component } from 'react';
+
+import styles from './index.less';
+
+@connect(({ detial }) => ({ detial }))
+class Page extends Component{
+  state = {};
+
+  render() {
+    const {
+      detial: { name },
+    } = this.props;
+    console.log(this.props);
+
+    return <div className={styles.userCenter}>Hello {name}</div>;
+  }
+}
+
+export default Page;

initapp/src/pages/detial/index.less

@@ -0,0 +1,3 @@
+.userCenter {
+  font-size: 36px;
+}

initapp/src/pages/home/$index.tsx

@@ -0,0 +1,32 @@
+import { connect } from 'dva';
+import React, { Component } from 'react';
+
+import { IndexModelState, ConnectProps } from '@/models/connect';
+import { Button } from 'antd';
+import styles from './index.less';
+const a = '';
+interface PageProps extends ConnectProps {
+  index: IndexModelState;
+}
+
+interface PageState {}
+
+@connect(({ index }) => ({ index }))
+class Page extends Component<PageProps, PageState> {
+  state: PageState = {};
+
+  componentDidMount() {
+    const { dispatch } = this.props;
+    dispatch({
+      type: 'user/fetchCurrent',
+    });
+  }
+  render() {
+    const {
+      index: { name },
+    } = this.props;
+    return <div className={styles.userCenter}>Hello {name}</div>;
+  }
+}
+
+export default Page;

initapp/src/pages/index/b.1.tsx

@@ -0,0 +1,32 @@
+import { connect } from 'dva';
+import React, { Component } from 'react';
+
+import { IndexModelState, ConnectProps } from '@/models/connect';
+import { Button } from 'antd';
+import styles from './index.less';
+const a = '';
+interface PageProps extends ConnectProps {
+  index: IndexModelState;
+}
+
+interface PageState {}
+
+@connect(({ index }) => ({ index }))
+class Page extends Component<PageProps, PageState> {
+  state: PageState = {};
+
+  componentDidMount() {
+    const { dispatch } = this.props;
+    dispatch({
+      type: 'user/fetchCurrent',
+    });
+  }
+  render() {
+    const {
+      index: { name },
+    } = this.props;
+    return <div className={styles.userCenter}>Hellobbbbbb {name}</div>;
+  }
+}
+
+export default Page;

packages/alita/src/plugins/index.ts

@@ -2,7 +2,14 @@ import path from 'path';
 const defaultOptions = {
   history: 'hash',
   treeShaking: true,
-  umi: { dva: true, antd: true },
+  umi: {
+    dva: true, antd: true, routes: {
+      // 规定只有index文件会被识别成路由
+      exclude: [
+        /(?<![\s\S]*index\$?\.(js|jsx|ts|tsx)?)$/
+      ]
+    },
+  },
   menu: {
     build: path.resolve('.', './src/menus.json'),
   }