.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 循环遍历该对象时返回的顺序一致 。