From 3bae9d7761b561506cb48aa2446c02cd3aef13ed Mon Sep 17 00:00:00 2001 From: JaguarJack Date: Wed, 5 Jul 2023 17:17:52 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E8=B0=83=E6=95=B4=20http=20=E8=AF=B7?= =?UTF-8?q?=E6=B1=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- resources/admin/support/http.ts | 216 +------------------------- resources/admin/support/request.ts | 235 +++++++++++++++++++++++++++++ 2 files changed, 237 insertions(+), 214 deletions(-) diff --git a/resources/admin/support/http.ts b/resources/admin/support/http.ts index 1060602..3791461 100644 --- a/resources/admin/support/http.ts +++ b/resources/admin/support/http.ts @@ -1,216 +1,4 @@ -import { Code } from '/admin/enum/app' -import axios, { AxiosInstance, AxiosRequestConfig } from 'axios' -import { getAuthToken, getBaseUrl, removeAuthToken } from './helper' -import Message from './message' -import router from '/admin/router' -import ResponseData from '/admin/types/responseData' +import Request from './request' -/** - * http util - */ -class Http { - /** - * axios config - * @protected - */ - protected config: AxiosRequestConfig = {} - - /** - * base url - * @protected - */ - protected baseURL: string = '' - - /** - * http request timeout - * - * @protected - */ - protected timeout: number = 0 - - /** - * http request headers - * - * @protected - */ - protected headers: { [k: string]: string } = {} - - /** - * axios instance - * - * @protected - */ - protected request: AxiosInstance - - /** - * instance - */ - constructor() { - this.request = axios.create(this.getConfig()) - } - - /** - * get request - * - * @param path - * @param params - */ - public get(path: string, params: object = {}) { - return this.request.get(this.baseURL + path, { - params, - }) - } - - /** - * post request - * - * @param path - * @param data - */ - public post(path: string, data: object = {}) { - return this.request.post(this.baseURL + path, data) - } - - /** - * put request - * - * @param path - * @param data - */ - public put(path: string, data: object = {}) { - return this.request.put(this.baseURL + path, data) - } - - /** - * delete request - * - * @param path - */ - public delete(path: string) { - return this.request.delete(this.baseURL + path) - } - - /** - * set timeout - * - * @param timeout - * @returns - */ - public setTimeout(timeout: number): Http { - this.timeout = timeout - - return this - } - - /** - * set baseurl - * - * @param url - * @returns - */ - public setBaseUrl(url: string): Http { - this.baseURL = url - - return this - } - - /** - * set headers - * - * @param key - * @param value - * @returns - */ - public setHeader(key: string, value: string): Http { - this.headers.key = value - - return this - } - - /** - * get axios 配置 - * - * @returns - */ - protected getConfig(): AxiosRequestConfig { - // set base url - this.config.baseURL = getBaseUrl() - - // set timeout - this.config.timeout = this.timeout ? this.timeout : 10000 - - // set ajax request - this.headers['X-Requested-With'] = 'XMLHttpRequest' - // set dashboard request - this.headers['Request-from'] = 'Dashboard' - this.config.headers = this.headers - - return this.config - } - - /** - * 添加请求拦截器 - * - */ - public interceptorsOfRequest(): void { - // @ts-ignore - this.request.interceptors.request.use((config: AxiosRequestConfig) => { - const token = getAuthToken() - if (token) { - if (!config.headers) { - config.headers = {} - } - - config.headers.authorization = 'Bearer ' + token - } - - return config - }) - } - - /** - * 添加响应拦截器 - * - */ - public interceptorsOfResponse(): void { - this.request.interceptors.response.use( - response => { - const r: ResponseData = response.data - const code = r.code - const message = r.message - if (code === 1e4) { - return response - } - - if (code === 10004) { - Message.error(message || 'Error') - } else if (code === Code.LOST_LOGIN || code === Code.LOGIN_EXPIRED) { - // to re-login - Message.confirm(message + '，需要重新登陆', function () { - removeAuthToken() - router.push('/login') - }) - } else if (code === Code.LOGIN_BLACKLIST || code === Code.USER_FORBIDDEN) { - Message.error(message || 'Error') - removeAuthToken() - // to login page - router.push('/login') - } else { - Message.error(message || 'Error') - } - - return Promise.reject(new Error(message || 'Error')) - }, - error => { - Message.error(error.message) - return Promise.reject(error) - }, - ) - } -} - -const http = new Http() -http.interceptorsOfRequest() - -http.interceptorsOfResponse() +const http = new Request() export default http diff --git a/resources/admin/support/request.ts b/resources/admin/support/request.ts index e69de29..38e0c6e 100644 --- a/resources/admin/support/request.ts +++ b/resources/admin/support/request.ts @@ -0,0 +1,235 @@ +import { Code } from '/admin/enum/app' +import axios, { AxiosInstance, AxiosRequestConfig } from 'axios' +import { getAuthToken, getBaseUrl, removeAuthToken } from './helper' +import Message from './message' +import router from '/admin/router' +import ResponseData from '/admin/types/responseData' + +type responseType = 'arraybuffer' | 'document' | 'json' | 'text' | 'stream' | 'blob' + +/** + * http util + */ +class Request { + /** + * axios config + * @protected + */ + protected config: AxiosRequestConfig = {} + + /** + * base url + * @protected + */ + protected baseURL: string = '' + + /** + * http request timeout + * + * @protected + */ + protected timeout: number = 0 + + /** + * http request headers + * + * @protected + */ + protected headers: { [k: string]: string } = {} + + /** + * axios instance + * + * @protected + */ + // @ts-ignore + protected request: AxiosInstance + + /** + * 响应结构 + * + * @protected + */ + protected responseType: responseType = 'json' + + public init() { + this.request = axios.create(this.getConfig()) + this.interceptorsOfRequest() + this.interceptorsOfResponse() + return this + } + + /** + * get request + * + * @param path + * @param params + */ + public get(path: string, params: object = {}) { + this.init() + return this.request.get(this.baseURL + path, { + params, + }) + } + + /** + * post request + * + * @param path + * @param data + */ + public post(path: string, data: object = {}) { + this.init() + return this.request.post(this.baseURL + path, data) + } + + /** + * put request + * + * @param path + * @param data + */ + public put(path: string, data: object = {}) { + this.init() + return this.request.put(this.baseURL + path, data) + } + + /** + * delete request + * + * @param path + */ + public delete(path: string) { + this.init() + return this.request.delete(this.baseURL + path) + } + + /** + * set timeout + * + * @param timeout + * @returns + */ + public setTimeout(timeout: number): Request { + this.timeout = timeout + + return this + } + + /** + * set baseurl + * + * @param url + * @returns + */ + public setBaseUrl(url: string): Request { + this.baseURL = url + + return this + } + + /** + * set headers + * + * @param key + * @param value + * @returns + */ + public setHeader(key: string, value: string): Request { + this.headers.key = value + + return this + } + + /** + * get axios 配置 + * + * @returns + */ + protected getConfig(): AxiosRequestConfig { + // set base url + this.config.baseURL = getBaseUrl() + // + this.config.responseType = this.responseType + // set timeout + this.config.timeout = this.timeout ? this.timeout : 10000 + + // set ajax request + this.headers['X-Requested-With'] = 'XMLHttpRequest' + // set dashboard request + this.headers['Request-from'] = 'Dashboard' + this.config.headers = this.headers + return this.config + } + + public setResponseType(type: responseType) { + this.responseType = type + + return this + } + + /** + * 添加请求拦截器 + * + */ + public interceptorsOfRequest(): void { + // @ts-ignore + this.request.interceptors.request.use((config: AxiosRequestConfig) => { + const token = getAuthToken() + if (token) { + if (!config.headers) { + config.headers = {} + } + + config.headers.authorization = 'Bearer ' + token + } + + return config + }) + } + + /** + * 添加响应拦截器 + * + */ + public interceptorsOfResponse(): void { + this.request.interceptors.response.use( + response => { + // 如果是 blob response type, 直接返回 response + if (response.request.responseType === 'blob') { + return response + } + + const r: ResponseData = response.data + const code = r.code + const message = r.message + if (code === 1e4) { + return response + } + + if (code === 10004) { + Message.error(message || 'Error') + } else if (code === Code.LOST_LOGIN || code === Code.LOGIN_EXPIRED) { + // to re-login + Message.confirm(message + '，需要重新登陆', function () { + removeAuthToken() + router.push('/login') + }) + } else if (code === Code.LOGIN_BLACKLIST || code === Code.USER_FORBIDDEN) { + Message.error(message || 'Error') + removeAuthToken() + // to login page + router.push('/login') + } else { + Message.error(message || 'Error') + } + return Promise.reject(new Error(message || 'Error')) + }, + error => { + Message.error(error.message) + return Promise.reject(error) + }, + ) + } +} +export default Request