umi的基础配置

umi 配置路由

1. 创建config文件 -> config.js
2. 把umirc.ts 复制进 config.js
   路由拆分
3. 在config文件 -> routes.js
4. 将config.js里routes数组放入routes.js抛出
5. config.js引入
6. proxy代理拆分 同上

在config.js中 写入
// 代理
proxy: {
‘/api’: {
target: ‘https://blogs.zdldove.top’,
changeOrigin: true,
pathRewrite: {
‘^/api’: ‘’
}
}
},

// 别名
alias: {
‘@@@’: path.resolve(__dirname, ‘…/src/components’),
},

嵌套路由
创建layouts文件 -> BasicLayouts.jsx
(里面写页面)
在routes.js中写routes属性 里面写二级路由

关于二级路由以及layout的使用
先在src目录下面创建一个layout文件夹 里面写文件 文件
里主要写 {props.children}
之后在config.js中引入的routes.js路径中写
export default [
{ path: ‘/home’,
component: ‘@/Layouts/Blayout’,
routes:[
{ path: ‘/home/login’, component: ‘@/pages/login’, title: ‘登陆’},
{ path: ‘/home/home’, compone