miragejs 学习

miragejs

- install npm install miragejs --save-dev 一定是这个其他简写方式好像不行
- 创建初始化文件
```
    import { Server } from "miragejs"

    export default function ({ environment = 'development'} = {} ){
    return new Server({
        environment,
        models: {
             reminder: Model,  //配置模型，然后下面可以使用schema
        },
        routes(){

            //get 
            this.get('/api/tasks',()=>({
                tasks:[
                {id:0, text:'feed the cat'},
                {id:1, text:'wash the dishes'}
                ]
            }))

            // post 
         this.post("/api/reminders", (schema, request) => {
            let attrs = JSON.parse(request.requestBody)
            console.log(attrs)
            debugger
            })
        }
    })
    } 



```
- 调用文件
```
    import createServer from './../src/mirage/server.js'

    createServer();

    fetch('/api/tasks').then(res=>{
        return res.json();
    }).then(data=>{
        console.log(data)
    })

```

- seed 设置初始数据
```
seeds(server) {
    server.create("reminder", { text: "Walk the dog" })
    server.create("reminder", { text: "Take out the trash" })
    server.create("reminder", { text: "Work out" })
    },
```

- 动态路由
```
     this.get("/api/reminders/:id", (schema, request) => {
        debugger;
        console.log(request.params.id)
        return schema.reminders.all()
    })
```

- more 
    - 待续
- reference link 
    - https://css-tricks.com/dont-wait-mock-the-api/
    - https://miragejs.com/tutorial/intro/
    - https://miragejs.com/docs/getting-started/introduction/