uni-app 封裝請求

1、npm install uni-request --save

2、uniRequest.defaults.baseURL = '請求路徑基地址';

3、uniRequest.defaults.headers.post['Content-Type'] = 'application/json;charset=UTF-8';

4、

// 添加請求攔截器

uniRequest.interceptors.request.use(function(config) {

// 在發送請求之前做些什麼

if (uni.getStorageSync('atoken')) {

config.headers['Authorization'] = uni.getStorageSync('atoken')

}

return config;

}, function(error) {

// 對請求錯誤做些什麼

return Promise.reject(error);

});

5、

// 添加響應攔截器

uniRequest.interceptors.response.use(function(response) {

// 對響應數據做點什麼

if (response.data.code === 200) {

 

} else if (response.data.code === 500) {

uni.showToast({

    title: response.data.message,

    duration: 2000,

icon:"none"

});

return;

} else if (response.data.code === 404) {

uni.showToast({

    title: '參數檢驗失敗',

    duration: 2000,

icon:"none"

});

return;

} else if (response.data.code === 401) {

uni.showToast({

    title: '暫未綁定手機號',

    duration: 2000,

icon:"none"

});

return;

}

return response;

}, function(error) {

// 對響應錯誤做點什麼

return Promise.reject(error);

});

 

請求的api

import uniRequest from 'uni-request';

//get請求

export function content(id, type) {

return uniRequest({

url: '  接口   ' + id + '/' + type,

method: 'get'

})

}

//post 請求

export function getSettlementConfirmOrder(data) {

return uniRequest({

url: '  接口  ',

method: 'post',

data: data

})

}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章