//首先引入axios這個插件
import axios from ‘axios’;
// 使用回呼封裝
// export default function reuqest(opstions,success){
// // 1.創建一個axios實體
// const instance = axios.create({
// timeout:5000,
// baseURL:“https://api-hmugo-web.itheima.net/api/public/v1/”,
// headers: {‘X-Requested-With’: ‘XMLHttpRequest’},
// })
// instance(opstions).then(res=>{
// // console.log(res);
// success(res);
// }).catch(err=>{
// console.log(err)
// })
// }
// 使用promise封裝
export default function request(opstions){
return new Promise((reslove,reject)=>{
const instance = axios.create({
timeout:5000,
baseURL:“http://59.110.165.195:8089/m.api?”,
headers: {‘X-Requested-With’: ‘XMLHttpRequest’},
})
instance.interceptors.request.use(config=>{
// 配置token
let token =localStorage.getItem(“token”);
if(token){
//將token設定到請求頭
config.headers.Authorization =token;
}
return config;
},err=>{
return err;
})
// 回應攔截
instance.interceptors.response.use(res=>{
return res.data;
},err=>{
// 統一失敗處理
if(err&&err.response){
switch(err.response.status){
case 400:err.message =“請求錯誤”;
break;
case 500:err.message =“服務器錯誤”;
break;
}
}
return err;
})
//發送請求
instance(opstions).then(res=>{
reslove(res);
}).catch(err=>{
reject(err);
})
})
}
通過這段代碼 就可以直接獲取資料 以及token
如有不懂 隨時問我 我一直在!
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/242914.html
標籤：其他
下一篇：京東極速版賺金幣來襲