const { environment } = require('./environment.js')
|
import { ACCESS_TOKEN } from '@/store/mutation-types'
|
import storage from '@/utils/storage';
|
|
// 此vm参数为页面的实例，可以通过它引用vuex中的变量
|
module.exports = (vm) => {
|
// 初始化请求配置
|
uni.$u.http.setConfig((config) => {
|
/* config 为默认全局配置，请求地址判断*/
|
/* #ifdef H5 */
|
if (process.env.NODE_ENV === 'production') {
|
config.baseURL = environment.baseURL; /* 根域名 */
|
} else {
|
// 开发模式则使用代理方式，见vue.config.js配置
|
config.baseURL = '/'; /* 根域名 */
|
}
|
/* #endif */
|
/* #ifndef H5 */
|
config.baseURL = environment.baseURL; /* 根域名 */
|
/* #endif */
|
return config
|
})
|
|
// 请求拦截
|
uni.$u.http.interceptors.request.use((config) => { // 可使用async await 做异步操作
|
// 初始化请求拦截器时，会执行此方法，此时data为undefined，赋予默认{}
|
config.data = config.data || {}
|
// 根据custom参数中配置的是否需要token，添加对应的请求头
|
if(config?.custom?.auth) {
|
// 可以在此通过vm引用vuex中的变量，具体值在vm.$store.state中
|
config.header.Authorization = 'Bearer ' + storage.get(ACCESS_TOKEN)
|
}
|
// 根据custom参数中配置的是否需要显示loading
|
if (config?.custom?.loading) {
|
uni.showLoading({
|
title: '加载中...',
|
mask: true
|
})
|
}
|
return config
|
}, config => { // 可使用async await 做异步操作
|
return Promise.reject(config)
|
})
|
|
// 响应拦截
|
uni.$u.http.interceptors.response.use((response) => { /* 对响应成功做点什么 可使用async await 做异步操作*/
|
const data = response.data
|
|
// 关闭loading
|
uni.hideLoading();
|
|
// 自定义参数
|
const custom = response.config?.custom
|
if (data.code !== 200) {
|
// 如果没有显式定义custom的toast参数为false的话，默认对报错进行toast弹出提示
|
if (custom.toast !== false) {
|
uni.$u.toast(data.msg)
|
}
|
|
// 判断状态码
|
switch (data.code) {
|
case 401: {
|
uni.reLaunch({ url: '/' })
|
return;
|
}
|
}
|
|
// 如果需要catch返回，则进行reject
|
if (custom?.catch) {
|
return Promise.reject(data)
|
} else {
|
// 否则返回一个pending中的promise，请求不会进入catch中
|
return new Promise(() => { })
|
}
|
}
|
return data === undefined ? {} : data
|
}, (response) => {
|
// 对响应错误做点什么 （statusCode !== 200）
|
return Promise.reject(response)
|
})
|
}
|
