react 之umi路由

一:umi的路由默认是按照约定生成的路由，即在src/page下建立一个文件，然后建立一个index.js页面，如src/page/mian/index.js.

    umi会自动根据约定的目录生成的路由就是http://localhost:8000/main,但是这样方式的可控性比较差。

二：配置式路由

（1）在page下面建立一个router.js为页面的总路由，暴露出路由的路径

module.exports = {
  routes:[
    {
      path:'/',
      component:'./main/index.js'
    }
  ]
}

（2）在.umirc.js修改路由的地址

（3）在该文件中加入路由

export default {
  treeShaking: true,
  // 引入路由
  ...require('./src/pages/index'),
  plugins: [
    // ref: https://umijs.org/plugin/umi-plugin-react.html
    ['umi-plugin-react', {
      antd: true,
      dva: true,
      dynamicImport: false,
      title: 'react-openlayer',
      dll: false,
      
      routes: {
        exclude: [
          /models\//,
          /services\//,
          /model\.(t|j)sx?$/,
          /service\.(t|j)sx?$/,
          /components\//,
        ],
      },
    }],
  ],
}