You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
fude/common/http.interceptor.js

100 lines
3.1 KiB

import {
$apiLinks
} from '@/common/config.js'
module.exports = (vm) => {
// 初始化请求配置
uni.$u.http.setConfig((config) => {
/* config 为默认全局配置*/
config.baseURL = $apiLinks; /* 根域名 */
config.timeout = 60000;
// method: 'POST',
// // 设置为json,返回后会对数据进行一次JSON.parse()
// config.dataType: 'json',
// showLoading: false; // 是否显示请求中的loading
// loadingText: '请求中...', // 请求loading中的文字提示
// loadingTime: 800, // 在此时间内,请求还没回来的话,就显示加载中动画,单位ms
// originalData: false, // 是否在拦截器中返回服务端的原始数据
// loadingMask: true, // 展示loading的时候,是否给一个透明的蒙层,防止触摸穿透
// // 配置请求头信息
// config.header={
// 'Content-Type':'application/json;charset=UTF-8'
// }
return config
})
// 请求拦截
uni.$u.http.interceptors.request.use((config) => { // 可使用async await 做异步操作
// 初始化请求拦截器时,会执行此方法,此时data为undefined,赋予默认{}
console.log(config)
if(config.method=="POST"){
if(config.custom&&config.custom.auth||config.data?.custom?.auth){
config.header.token = uni.getStorageSync('USER_TOKEN')
}
}else{
config.params = config.params || {}
// 根据custom参数中配置的是否需要token,添加对应的请求头config.data?.custom?.auth
if(config.params?.custom?.auth) {
// 可以在此通过vm引用vuex中的变量,具体值在vm.$store.state中
// config.header.token = vm.$store.state.userInfo.token
config.header.token = uni.getStorageSync('USER_TOKEN')
}else{
// if(config.custom.auth){
// config.header.token = uni.getStorageSync('USER_TOKEN').token
// }
}
}
return config
}, config => { // 可使用async await 做异步操作
return Promise.reject(config)
})
// 响应拦截
uni.$u.http.interceptors.response.use((response) => { /* 对响应成功做点什么 可使用async await 做异步操作*/
const data = response.data
// 自定义参数
const custom = response.config?.custom
if (data.code !== 1) {
// 如果没有显式定义custom的toast参数为false的话,默认对报错进行toast弹出提示
// if (custom.toast !== false) {
// uni.$u.toast(data.message)
// }
// // 如果需要catch返回,则进行reject
// if (custom?.catch) {
// return Promise.reject(data)
// } else {
// // 否则返回一个pending中的promise,请求不会进入catch中
// return new Promise(() => { })
// }
uni.showToast({
title:response.data.msg,
icon:'none'
});
if(data.code==401){
uni.navigateTo({
url:'/pages/login/login'
})
}
return Promise.reject(data)
}
return data === undefined ? {} : data
}, (response) => {
console.log(response)
if(response.data.code==401){
uni.navigateTo({
url:'/pages/login/login'
})
}
uni.showToast({
title:response.data.msg
});
// 对响应错误做点什么 (statusCode !== 200)
return Promise.reject(response)
})
}