fetch 封装 get post方法

import 'whatwg-fetch'

  export default class Http{

    static async get(url,data){

        let params = Object.entries(data).reduce((arr, [k, v]) => arr.concat(encodeURIComponent(k) + '=' + encodeURIComponent(v)), []).join('&')
        // console.log(url+'?'+params);
        

        try{
            let response = await window.fetch(url+'?'+params);
            let data = await response.json();

            
            return data
        } catch(error){
            throw new Error(error)
        }
    }

    static async post(url,data){
        try{
          // console.log(data);
            let response = await fetch(url,{
                method:'POST',
                headers:{'Content-Type': 'application/json'},
                body:JSON.stringify(data)
            })
            let res=await response.json();
            return res;
        }catch(error){
            throw new Error(error)
        }
    }
  }

在书写代码的时候也可以对你的API进行封装，把你需要的API生成一个文件，当开发环境更替的时候避免一个个去修改！

// 管理api
export const HOST = '';

const REGIESTER_API = HOST+'/api/user/regiester';


......


export default {
    REGIESTER_API
    ......
}

在你需要对用到的API直接进行import进行引用就好了，修改的时候只要吧HOST一个变量进行修改