fetch

大部分情况下，建议使用 useFetch 获取数据。不过有些场景，你不需要在维护异步数据的状态，你只需要发送普通的网络请求。

比如，点击一个按钮提交表单，执行一个更新操作：

todoService.ts

import { createStore } from 'stook-store'
import { fetch } from 'stook-rest'

export async function fetchTodos() {
  return await fetch('/todos')
}

那 stook-rest 的 fetch 和原生 fetch有什么区别呢？

直接返回数据#

const todos = await fetch('/todos')

上面的 todos 就是服务器的数据，你可以指定如何处理远程数据：

const todos = await fetch('/todos', { type: 'text' })

type 是可选的，默认为 'json'，类型为 type Type = 'text' | 'json' | 'blob' | 'arrayBuffer' | 'formData'

const todos = await fetch('/todos', {
  method: 'POST',
  body: {
    title: 'do something',
  },
})

const todos = await fetch('/todos', {
  query: {
    pageSize: 10,
    pageNum: 1,
  },
})

将请求 /todos?pageSize=10&pageNum=1，甚至你可以使用嵌套的 query 对象。

const todos = await fetch('/todos/:id', {
  params: { id: 1 },
})

处理这些不一样，其他参数跟原生 fetch保持一致，详情请看文档：https://github.github.io/fetch 。