feat: init

README.md

@@ -1,15 +1,5 @@
-# umi project
 
-## Getting Started
 
-Install dependencies,
+http://localhost:3000/api/users
 
-```bash
-$ yarn
-```
 
-Start the dev server,
-
-```bash
-$ yarn start
-```

config/config.ts

@@ -1,13 +1,10 @@
 import { defineConfig } from 'umi';
-
+import routes from './routes'
 export default defineConfig({
   nodeModulesTransform: {
     type: 'none', // all 慢 兼容好
   },
-  routes: [
-    { path: '/', component: '@/pages/index' },
-    { path: '/about', component: '@/pages/about' },
-  ],
+  routes,
   fastRefresh: {},
   history: {
     type: 'browser'
@@ -21,8 +18,21 @@ export default defineConfig({
   dynamicImport: {}, // 按需加载
   mountElementId: 'root', // 指定 reactapp 渲染到元素的根元素 id
 
+  proxy: {
+    '/api': {
+      target: 'https://127.0.0.1:8989'
+    },
+  },
+
   // 主题
   theme: {
-    '@primary-color': 'red',
+    // '@primary-color': 'red',
+  },
+  // https://v3.umijs.org/zh-CN/plugins/plugin-layout
+  layout: {
+    name: 'Umi.js',
+    locale: true,
+    layout: 'side',
+    logo: '/user.jpg',
   },
 });

config/routes.ts

@@ -0,0 +1,4 @@
+export default [
+  { path: '/', component: '@/pages/index', name: '首页' },
+  { path: '/about', component: '@/pages/about', name: '关于' },
+]

mock/api.ts

@@ -0,0 +1,7 @@
+export default {
+  // 支持值为 Object 和 Array
+  'GET /api/users': { users: [1, 2] },
+
+  // GET 可忽略
+  '/api/users/1': { id: 1 },
+}

src/pages/index.tsx

@@ -1,16 +1,10 @@
 import styles from './index.less';
 import { Button } from 'antd'
-import { Button as ButtonMobileV2 } from 'antd-mobile-v2'
-import { Button as ButtonMobileV5 } from 'antd-mobile'
 export default function IndexPage() {
   return (
     <div>
       <h1 className={styles.title}>Page index</h1>
       <Button type={"primary"}>Click</Button>
-      <ButtonMobileV2>Click</ButtonMobileV2>
-      <ButtonMobileV5>Click</ButtonMobileV5>
-      <img src={ require('@/assets/user.jpg') } alt="" draggable={false} />
-      <img src="/user.jpg" alt="" draggable={false}/>
     </div>
   );
 }