fetch.ts

import * as qs from 'qs'
import {env} from 'src/env'
import {timestamp} from './timestamp'

// 用于配置不同环境api地址
interface IAPIURL {
  development: string
  test: string
  production: string
}

export const GET = (api: string | IAPIURL) => {
  const apiURL = typeof api === 'string' ? api : api[env]
  return (param?: object) => {
    const url = param
      ? `${apiURL}?${qs.stringify({...param, ts: timestamp()})}`
      : apiURL
    return fetch(url, {
      headers: {
        Accept: 'application/json'
      },
      credentials: 'include'
    })
      .catch(e => Promise.reject(new Error('网络错误')))
      .then(response => {
        return response
          .json()
          .catch(e => Promise.reject(new Error('服务器错误')))
          .then(json => json)
      })
  }
}

export const POST = (api: string, isFormData: boolean = true) => {
  const apiURL = typeof api === 'string' ? api : api[env]
  return (param: object) => {
    return fetch(apiURL, {
      method: 'POST',
      credentials: 'include',
      headers: {
        Accept: 'application/json',
        'Content-Type': isFormData
          ? 'application/x-www-form-urlencoded'
          : 'application/json; charset=utf-8'
      },
      body: isFormData ? qs.stringify(param) : JSON.stringify(param)
    })
      .catch(e => Promise.reject(new Error('网络错误')))
      .then(response => {
        return response
          .json()
          .catch(e => Promise.reject(new Error('服务器错误')))
          .then(json => json)
      })
  }
}

export default {GET, POST}

don't use fetch, use axios