Переглянути джерело

feat(请求): 添加APP_NAME请求头并统一请求配置

在config.js中添加APP_NAME常量,并在request.js和requestPay.js的请求拦截器中添加app请求头
统一了axios实例的配置格式,包括逗号结尾和箭头函数括号
wanggao 1 місяць тому
батько
коміт
f2ac0039f5
3 змінених файлів з 28 додано та 23 видалено
  1. 8 5
      src/utils/config.js
  2. 11 10
      src/utils/request.js
  3. 9 8
      src/utils/requestPay.js

+ 8 - 5
src/utils/config.js

@@ -2,14 +2,17 @@
 const isDev = process.env.NODE_ENV === 'development'
 
 // API基础URL配置
-export const API_BASE_URL = isDev 
+export const API_BASE_URL = isDev
   ? 'https://gbyy91.asia/api'
-  : 'https://mylive91.com/api' // 生产环境 
+  : 'https://mylive91.com/api' // 生产环境
+
+// App名称配置请求头
+export const APP_NAME = 'MewLive'
 
 // 支付方式ID
 export const PAY_WAY_ID = {
   ANDROID: 10,
-  IOS: 21
+  IOS: 21,
 }
 
 // 检测设备类型
@@ -40,5 +43,5 @@ export default {
   isDev,
   PAY_WAY_ID,
   getDevicePayWayId,
-  getPlatformType
-} 
+  getPlatformType,
+}

+ 11 - 10
src/utils/request.js

@@ -1,20 +1,21 @@
 import axios from 'axios'
 import { Toast } from 'vant'
-import { API_BASE_URL } from './config'
+import { API_BASE_URL, APP_NAME } from './config'
 
 // 创建axios实例
 const service = axios.create({
   baseURL: API_BASE_URL, // 从配置文件获取基础URL
-  timeout: 10000 // 请求超时时间
+  timeout: 10000, // 请求超时时间
 })
 
 // 请求拦截器
 service.interceptors.request.use(
-  config => {
+  (config) => {
     // 在发送请求之前可以做一些处理
+    config.headers['app'] = APP_NAME
     return config
   },
-  error => {
+  (error) => {
     // 处理请求错误
     console.log(error)
     return Promise.reject(error)
@@ -23,24 +24,24 @@ service.interceptors.request.use(
 
 // 响应拦截器
 service.interceptors.response.use(
-  response => {
+  (response) => {
     console.log(response)
     const res = response.data
     // 根据后端约定的状态码判断请求是否成功
     if (res.code !== 200) {
       //Toast.fail(res.message || '请求失败')
-     // return Promise.reject(new Error(res.message || '请求失败'))
-     return res
+      // return Promise.reject(new Error(res.message || '请求失败'))
+      return res
     } else {
       return res
     }
-   // return res
+    // return res
   },
-  error => {
+  (error) => {
     console.log('请求错误:', error)
     Toast.fail('网络异常,请稍后重试')
     return Promise.reject(error)
   }
 )
 
-export default service 
+export default service

+ 9 - 8
src/utils/requestPay.js

@@ -1,20 +1,21 @@
 import axios from 'axios'
 import { Toast } from 'vant'
-import { API_BASE_URL } from './config'
+import { API_BASE_URL, APP_NAME } from './config'
 
 // 创建axios实例
 const service = axios.create({
   baseURL: API_BASE_URL, // 从配置文件获取基础URL
-  timeout: 50000 // 请求超时时间
+  timeout: 50000, // 请求超时时间
 })
 
 // 请求拦截器
 service.interceptors.request.use(
-  config => {
+  (config) => {
     // 在发送请求之前可以做一些处理
+    config.headers['app'] = APP_NAME
     return config
   },
-  error => {
+  (error) => {
     // 处理请求错误
     console.log(error)
     return Promise.reject(error)
@@ -23,14 +24,14 @@ service.interceptors.request.use(
 
 // 响应拦截器
 service.interceptors.response.use(
-  response => {
-     return  response
+  (response) => {
+    return response
   },
-  error => {
+  (error) => {
     console.log('请求错误:', error)
     Toast.fail('网络异常,请稍后重试')
     return Promise.reject(error)
   }
 )
 
-export default service 
+export default service