React.js学习笔记(三)Ant Design Pro使用

.webpackrc.js 文件配置代理

proxy: {
  '/text': {
    target: '你的地址例如：http://localhost:端口/接口地址/',
    changeOrigin: true,//是否跨域
    pathRewrite: { '^/text': '' },//将/text变成空字符串访问target的地址，如果你的请求地址是/text/xxx则变成target/xxx
  },
},

 

src\common\menu.js 配置左侧导航栏

{
  name: 'xxx',
  icon: 'appstore',//这里是自带的icon可以找自己想要的
                   //https://ant.design/components/icon-cn/
  path: 'app',
  children: [],//可以看他是如何解析的这段json就在此文件的最下面
  hideInMenu: true,  // 隐藏该条
  authority: {['user','admin']},//权限设置
},

src\common\router.js  

const routerConfig = {

    name: '面包屑',//跳入此页面包屑上的名称  我一般用来做菜单栏上没有而要跳转的页面，例如新增页面可点击面包屑返回。并且告诉别人这是什么页面

    '/app/job': {
         component: dynamicWrapper(app//传入的参数
                        , [models名称可多个逗号隔开]//在routes文件夹下的文件有@connect这个注解进行引用
                        , () => import(routes的地址)),
    },
}

getRouterData对routerConfig 解析

补充：Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致 。

PS：在博文中我没有办法吧所有我知道的细节都将出来。大家如果入门了之后可以多看看官方文档。上面写的挺详细的，或者把pro的项目下载下来。看他是如何去处理的。