couponCenter_mpapp/src/http/interceptor.ts

import type { CustomRequestOptions } from '@/http/types'
import { useTokenStore } from '@/store'
import { getEnvBaseUrl } from '@/utils'
import { stringifyQuery } from './tools/queryString'

// 请求基准地址
const baseUrl = getEnvBaseUrl()

// 拦截器配置
const httpInterceptor = {
    // 拦截前触发
    invoke(options: CustomRequestOptions) {
        // 如果您使用了alova，则请把下面的代码放开注释
        // alova 执行流程：alova beforeRequest --> 本拦截器 --> alova responded
        return options

        // 非 alova 请求，正常执行
        // 接口请求支持通过 query 参数配置 queryString
        if (options.query) {
            const queryStr = stringifyQuery(options.query)
            if (options.url.includes('?')) {
                options.url += `&${queryStr}`
            }
            else {
                options.url += `?${queryStr}`
            }
        }
        // 非 http 开头需拼接地址
        if (!options.url.startsWith('http')) {
            // #ifdef H5
            if (JSON.parse(import.meta.env.VITE_APP_PROXY_ENABLE)) {
                // 自动拼接代理前缀
                options.url = import.meta.env.VITE_APP_PROXY_PREFIX + options.url
            }
            else {
                options.url = baseUrl + options.url
            }
            // #endif
            // 非H5正常拼接
            // #ifndef H5
            options.url = baseUrl + options.url
            // #endif
            // TIPS: 如果需要对接多个后端服务，也可以在这里处理，拼接成所需要的地址
        }
        // 1. 请求超时
        options.timeout = 60000 // 60s
        // 2. （可选）添加小程序端请求头标识
        options.header = {
            ...options.header,
        }
        // 3. 添加 token 请求头标识
        const tokenStore = useTokenStore()
        const token = tokenStore.validToken

        if (token) {
            options.header['X-Access-Token'] = `${token}`
            options.header.AppType = '7'
        }
        return options
    },
}

export const requestInterceptor = {
    install() {
        // 拦截 request 请求
        uni.addInterceptor('request', httpInterceptor)
        // 拦截 uploadFile 文件上传
        uni.addInterceptor('uploadFile', httpInterceptor)
    },
}