// 1.創(chuàng)建XMLHttpRequest實例
    let xhr = new XMLHttpRequest()
    // 2.打開一個連接
    xhr.open('請求方式get/post','請求地址')
    // 3.發(fā)送請求
    // 必要時還需設(shè)置請求頭格式：JSON/application/x-www-form-urlencoded
    xhr.setRequestHeader()
    // 必要時還需轉(zhuǎn)換請求數(shù)據(jù)格式：JSON.stringfy(參數(shù))/Qs.stringfy(參數(shù))
    xhr.send(請求參數(shù))
    // 4.接收響應(yīng)
    xhr.onreadystatechange=function(){
      // 判斷：請求是發(fā)送完成和請求是否發(fā)送成功
      if(xhr.readyState===4 && xhr.status===200){
        // 接收響應(yīng):必要時還要轉(zhuǎn)換響應(yīng)數(shù)據(jù)的格式 JSON.parse(xhr.response)
        console.log(xhr.response);
      }
    }

  // 1.創(chuàng)建promise對象
        let p1=new Promise((resolve,reject)=>{
            // resolve,reject是回調(diào)函數(shù)
            // resolve函數(shù)是promise對象最終狀態(tài)為成功狀態(tài)
            //reject函數(shù)是promise對象最終狀態(tài)為失敗狀態(tài)
            
            //非異步
            //假設(shè)異步操作執(zhí)行成功，修改promise對象狀態(tài)為成功狀態(tài)
            if(3>2){
                resolve('success')
            }else{
                //假設(shè)異步操作執(zhí)行失敗，修改promise對象狀態(tài)為失敗狀態(tài)
                reject('error')
            }
        })
        //如何提供resolve和reject函數(shù)
       //在promise原型里有then和catch
        // 1.then方法表示的是成功之后的回調(diào)，對應(yīng)resolve
        // 2.catch方法表示的是失敗之后的回調(diào)，對應(yīng)reject
        p1.then((res)=>{
            console.log(res,'成功回調(diào)')
        }).catch((error)=>{
            console.log(error,'失敗回調(diào)')
        }).finally(()=>{
            console.log('最終執(zhí)行')
        })
		//如果then里面?zhèn)髁藘蓚€回調(diào)函數(shù),第一個代表成功之后的回調(diào)，第二個代表失敗之后的回調(diào),分別代表resolve()和reject()
		p1.then((res)=>{
            console.log(res,'成功')
        },(err)=>{
            console.log(res,'失敗')
        });

import axios from "axios";
import Qs from 'qs';
let qs= Qs;
// 創(chuàng)建axios實例對象
let instance = axios.create({
	baseURL:"http://121.199.0.35:8888",
	timeout:5000
});
// 請求攔截器 
instance.interceptors.request.use(config=>{
	if(config.url!=='/user/login'){
		config.headers.Authorization='eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VySWQiOiJNalU9Iiwic3ViIjoiYWRtaW4xIiwiaXNzIjoiMDk4ZjZiY2Q0NjIxZDM3M2NhZGU0ZTgzMjYyN2I0ZjYiLCJpYXQiOjE2NjQ5MzY4OTksImF1ZCI6InJlc3RhcGl1c2VyIiwiZXhwIjoxNjY1MTA5Njk5LCJuYmYiOjE2NjQ5MzY4OTl9.uLSFoGrqdvZS-3KA1HgjgshUZOqGbMWO5Rpr1yzMCAY';
	}
	return config
},error=>{
	return Promise.reject(error)
});
// 響應(yīng)攔截器 ---對axios封裝響應(yīng)數(shù)據(jù)做攔截
instance.interceptors.response.use(response=>{
	let res=response.data;
	return res
},error=>{
	return Promise.reject(error)
});

// 封裝get方法
export function get(url,params){
	return instance.get(url,{
		params,
	})
}
//封裝postJSON方法 json數(shù)據(jù)格式 --登錄接口
export function postJSON(url,data){
	return instance.post(url,data);
}

// 封裝post方法 表單格式數(shù)據(jù)
export function post(url,data){
	return instance.post(url,qs.stringify(data))
}

export default instance