dev 环境下自动使用 API、代理

web/src/utils/http.js

@@ -6,94 +6,106 @@
 // * +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 
 import axios from 'axios'
-import {getAdminToken, getUserToken, removeAdminToken, removeUserToken} from "@/store/session";
+import { getAdminToken, getUserToken, removeAdminToken, removeUserToken } from '@/store/session'
 
 axios.defaults.timeout = 180000
-axios.defaults.baseURL = process.env.VUE_APP_API_HOST
-axios.defaults.withCredentials = true;
+// axios.defaults.baseURL = process.env.VUE_APP_API_HOST
+axios.defaults.withCredentials = true
 //axios.defaults.headers.post['Content-Type'] = 'application/json'
 
 // HTTP拦截器
 axios.interceptors.request.use(
-    config => {
-        // set token
-        config.headers['Authorization'] = getUserToken();
-        config.headers['Admin-Authorization'] = getAdminToken();
-        return config
-    }, error => {
-        return Promise.reject(error)
-    })
+  (config) => {
+    // set token
+    config.headers['Authorization'] = getUserToken()
+    config.headers['Admin-Authorization'] = getAdminToken()
+    return config
+  },
+  (error) => {
+    return Promise.reject(error)
+  }
+)
 axios.interceptors.response.use(
-    response => {
-        return response
-    }, error => {
-        if (error.response.status === 401) {
-            if (error.response.request.responseURL.indexOf("/api/admin") !== -1) {
-                removeAdminToken()
-            } else {
-                removeUserToken()
-            }
-            error.response.data.message = "请先登录"
-            return Promise.reject(error.response.data)
-        }
-        if (error.response.status === 400) {
-            return Promise.reject(new Error(error.response.data.message))
-        } else {
-            return Promise.reject(error)
-        }
-    })
-
+  (response) => {
+    return response
+  },
+  (error) => {
+    if (error.response.status === 401) {
+      if (error.response.request.responseURL.indexOf('/api/admin') !== -1) {
+        removeAdminToken()
+      } else {
+        removeUserToken()
+      }
+      error.response.data.message = '请先登录'
+      return Promise.reject(error.response.data)
+    }
+    if (error.response.status === 400) {
+      return Promise.reject(new Error(error.response.data.message))
+    } else {
+      return Promise.reject(error)
+    }
+  }
+)
 
 // send a http get request
 export function httpGet(url, params = {}) {
-    return new Promise((resolve, reject) => {
-        axios.get(url, {
-            params: params
-        }).then(response => {
-            resolve(response.data)
-        }).catch(err => {
-            reject(err)
-        })
-    })
+  return new Promise((resolve, reject) => {
+    axios
+      .get(url, {
+        params: params,
+      })
+      .then((response) => {
+        resolve(response.data)
+      })
+      .catch((err) => {
+        reject(err)
+      })
+  })
 }
 
-
 // send a http post request
 export function httpPost(url, data = {}, options = {}) {
-    return new Promise((resolve, reject) => {
-        axios.post(url, data, options).then(response => {
-            resolve(response.data)
-        }).catch(err => {
-            reject(err)
-        })
-    })
+  return new Promise((resolve, reject) => {
+    axios
+      .post(url, data, options)
+      .then((response) => {
+        resolve(response.data)
+      })
+      .catch((err) => {
+        reject(err)
+      })
+  })
 }
 
 export function httpDownload(url) {
-    return new Promise((resolve, reject) => {
-        axios({
-            method: 'GET',
-            url: url,
-            responseType: 'blob' // 将响应类型设置为 `blob`
-        }).then(response => {
-            resolve(response)
-        }).catch(err => {
-            reject(err)
-        })
+  return new Promise((resolve, reject) => {
+    axios({
+      method: 'GET',
+      url: url,
+      responseType: 'blob', // 将响应类型设置为 `blob`
     })
+      .then((response) => {
+        resolve(response)
+      })
+      .catch((err) => {
+        reject(err)
+      })
+  })
 }
 
 export function httpPostDownload(url, data) {
-    return new Promise((resolve, reject) => {
-        axios({
-            method: 'POST',
-            url: url,
-            data: data,
-            responseType: 'blob' // 将响应类型设置为 `blob`
-        }).then(response => {
-            resolve(response)
-        }).catch(err => {
-            reject(err)
-        })
+  return new Promise((resolve, reject) => {
+    axios({
+      method: 'POST',
+      url: url,
+      data: data,
+      responseType: 'blob', // 将响应类型设置为 `blob`
     })
-}
+      .then((response) => {
+        resolve(response)
+      })
+      .catch((err) => {
+        reject(err)
+      })
+  })
+}

web/src/utils/libs.js

@@ -8,252 +8,250 @@
 /**
  * Util lib functions
  */
-import { showConfirmDialog } from "vant";
+import { showConfirmDialog } from 'vant'
 
 // generate a random string
 export function randString(length) {
-  const str = "0123456789abcdefghijklmnopqrstuvwxyz";
-  const size = str.length;
-  let buf = [];
+  const str = '0123456789abcdefghijklmnopqrstuvwxyz'
+  const size = str.length
+  let buf = []
   for (let i = 0; i < length; i++) {
-    const rand = Math.random() * size;
-    buf.push(str.charAt(rand));
+    const rand = Math.random() * size
+    buf.push(str.charAt(rand))
   }
-  return buf.join("");
+  return buf.join('')
 }
 
 export function UUID() {
-  let d = new Date().getTime();
-  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) {
-    const r = (d + Math.random() * 16) % 16 | 0;
-    d = Math.floor(d / 16);
-    return (c === "x" ? r : (r & 0x3) | 0x8).toString(16);
-  });
+  let d = new Date().getTime()
+  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+    const r = (d + Math.random() * 16) % 16 | 0
+    d = Math.floor(d / 16)
+    return (c === 'x' ? r : (r & 0x3) | 0x8).toString(16)
+  })
 }
 
 // 判断是否是移动设备
 export function isMobile() {
-  const userAgent = navigator.userAgent;
-  const mobileRegex = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Mobile|mobile|CriOS/i;
-  return mobileRegex.test(userAgent);
+  const userAgent = navigator.userAgent
+  const mobileRegex =
+    /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Mobile|mobile|CriOS/i
+  return mobileRegex.test(userAgent)
 }
 
 // 格式化日期
 export function dateFormat(timestamp, format) {
   if (!timestamp) {
-    return "";
+    return ''
   } else if (timestamp < 9680917502) {
-    timestamp = timestamp * 1000;
+    timestamp = timestamp * 1000
   }
-  let year, month, day, HH, mm, ss;
-  let time = new Date(timestamp);
-  let timeDate;
-  year = time.getFullYear(); // 年
-  month = time.getMonth() + 1; // 月
-  day = time.getDate(); // 日
-  HH = time.getHours(); // 时
-  mm = time.getMinutes(); // 分
-  ss = time.getSeconds(); // 秒
+  let year, month, day, HH, mm, ss
+  let time = new Date(timestamp)
+  let timeDate
+  year = time.getFullYear() // 年
+  month = time.getMonth() + 1 // 月
+  day = time.getDate() // 日
+  HH = time.getHours() // 时
+  mm = time.getMinutes() // 分
+  ss = time.getSeconds() // 秒
 
-  month = month < 10 ? "0" + month : month;
-  day = day < 10 ? "0" + day : day;
-  HH = HH < 10 ? "0" + HH : HH; // 时
-  mm = mm < 10 ? "0" + mm : mm; // 分
-  ss = ss < 10 ? "0" + ss : ss; // 秒
+  month = month < 10 ? '0' + month : month
+  day = day < 10 ? '0' + day : day
+  HH = HH < 10 ? '0' + HH : HH // 时
+  mm = mm < 10 ? '0' + mm : mm // 分
+  ss = ss < 10 ? '0' + ss : ss // 秒
 
   switch (format) {
-    case "yyyy":
-      timeDate = String(year);
-      break;
-    case "yyyy-MM":
-      timeDate = year + "-" + month;
-      break;
-    case "yyyy-MM-dd":
-      timeDate = year + "-" + month + "-" + day;
-      break;
-    case "yyyy/MM/dd":
-      timeDate = year + "/" + month + "/" + day;
-      break;
-    case "yyyy-MM-dd HH:mm:ss":
-      timeDate = year + "-" + month + "-" + day + " " + HH + ":" + mm + ":" + ss;
-      break;
-    case "HH:mm:ss":
-      timeDate = HH + ":" + mm + ":" + ss;
-      break;
-    case "MM":
-      timeDate = String(month);
-      break;
+    case 'yyyy':
+      timeDate = String(year)
+      break
+    case 'yyyy-MM':
+      timeDate = year + '-' + month
+      break
+    case 'yyyy-MM-dd':
+      timeDate = year + '-' + month + '-' + day
+      break
+    case 'yyyy/MM/dd':
+      timeDate = year + '/' + month + '/' + day
+      break
+    case 'yyyy-MM-dd HH:mm:ss':
+      timeDate = year + '-' + month + '-' + day + ' ' + HH + ':' + mm + ':' + ss
+      break
+    case 'HH:mm:ss':
+      timeDate = HH + ':' + mm + ':' + ss
+      break
+    case 'MM':
+      timeDate = String(month)
+      break
     default:
-      timeDate = year + "-" + month + "-" + day + " " + HH + ":" + mm + ":" + ss;
-      break;
+      timeDate = year + '-' + month + '-' + day + ' ' + HH + ':' + mm + ':' + ss
+      break
   }
-  return timeDate;
+  return timeDate
 }
 
 export function formatTime(time) {
-  const minutes = Math.floor(time / 60);
-  const seconds = Math.floor(time % 60);
-  return `${minutes}:${seconds < 10 ? "0" : ""}${seconds}`;
+  const minutes = Math.floor(time / 60)
+  const seconds = Math.floor(time % 60)
+  return `${minutes}:${seconds < 10 ? '0' : ''}${seconds}`
 }
 
 // 判断数组中是否包含某个元素
 export function arrayContains(array, value, compare) {
   if (!array) {
-    return false;
+    return false
   }
 
-  if (typeof compare !== "function") {
+  if (typeof compare !== 'function') {
     compare = function (v1, v2) {
-      return v1 === v2;
-    };
+      return v1 === v2
+    }
   }
   for (let i = 0; i < array.length; i++) {
     if (compare(array[i], value)) {
-      return true;
+      return true
     }
   }
-  return false;
+  return false
 }
 
 // 删除数组中指定的元素
 export function removeArrayItem(array, value, compare) {
-  if (typeof compare !== "function") {
+  if (typeof compare !== 'function') {
     compare = function (v1, v2) {
-      return v1 === v2;
-    };
+      return v1 === v2
+    }
   }
   for (let i = 0; i < array.length; i++) {
     if (compare(array[i], value)) {
-      array.splice(i, 1);
-      break;
+      array.splice(i, 1)
+      break
     }
   }
-  return array;
+  return array
 }
 
 // 渲染输入的换行符
 export function renderInputText(text) {
-  const replaceRegex = /(\n\r|\r\n|\r|\n)/g;
-  text = text || "";
-  return text.replace(replaceRegex, "<br/>");
+  const replaceRegex = /(\n\r|\r\n|\r|\n)/g
+  text = text || ''
+  return text.replace(replaceRegex, '<br/>')
 }
 
 // 拷贝对象
 export function copyObj(origin) {
-  return JSON.parse(JSON.stringify(origin));
+  return JSON.parse(JSON.stringify(origin))
 }
 
 export function disabledDate(time) {
-  return time.getTime() < Date.now();
+  return time.getTime() < Date.now()
 }
 
 // 字符串截取
 export function substr(str, length) {
-  let result = "";
-  let count = 0;
+  let result = ''
+  let count = 0
 
   for (let i = 0; i < str.length; i++) {
-    const char = str.charAt(i);
-    const charCode = str.charCodeAt(i);
+    const char = str.charAt(i)
+    const charCode = str.charCodeAt(i)
 
     // 判断字符是否为中文字符
     if (charCode >= 0x4e00 && charCode <= 0x9fff) {
       // 中文字符算两个字符
-      count += 2;
+      count += 2
     } else {
-      count++;
+      count++
     }
 
     if (count <= length) {
-      result += char;
+      result += char
     } else {
-      result += " ...";
-      break;
+      result += ' ...'
+      break
     }
   }
 
-  return result;
+  return result
 }
 
 export function isImage(url) {
-  const expr = /\.(jpg|jpeg|png|gif|bmp|svg)$/i;
-  return expr.test(url);
+  const expr = /\.(jpg|jpeg|png|gif|bmp|svg)$/i
+  return expr.test(url)
 }
 
 export function processContent(content) {
   if (!content) {
-    return "";
+    return ''
   }
 
   // 如果是图片链接地址，则直接替换成图片标签
-  const linkRegex = /(https?:\/\/\S+)/g;
-  const links = content.match(linkRegex);
+  const linkRegex = /(https?:\/\/\S+)/g
+  const links = content.match(linkRegex)
   if (links) {
     for (let link of links) {
       if (isImage(link)) {
-        const index = content.indexOf(link);
-        if (content.substring(index - 1, 2) !== "]") {
-          content = content.replace(link, "\n![](" + link + ")\n");
+        const index = content.indexOf(link)
+        if (content.substring(index - 1, 2) !== ']') {
+          content = content.replace(link, '\n![](' + link + ')\n')
         }
       }
     }
   }
   // 处理推理标签
-  if (content.includes("<think>")) {
+  if (content.includes('<think>')) {
     content = content.replace(/<think>(.*?)<\/think>/gs, (match, content) => {
       if (content.length > 10) {
-        return `<blockquote>${content}</blockquote>`;
+        return `<blockquote>${content}</blockquote>`
       }
-      return "";
-    });
+      return ''
+    })
     content = content.replace(/<think>(.*?)$/gs, (match, content) => {
       if (content.length > 10) {
-        return `<blockquote>${content}</blockquote>`;
+        return `<blockquote>${content}</blockquote>`
       }
-      return "";
-    });
+      return ''
+    })
   }
 
   // 支持 \[ 公式标签
-  content = content.replace(/\\\[/g, "$$").replace(/\\\]/g, "$$");
-  content = content.replace(/\\\(\\boxed\{(\d+)\}\\\)/g, '<span class="boxed">$1</span>');
-  return content;
+  content = content.replace(/\\\[/g, '$$').replace(/\\\]/g, '$$')
+  content = content.replace(/\\\(\\boxed\{(\d+)\}\\\)/g, '<span class="boxed">$1</span>')
+  return content
 }
 
 export function processPrompt(prompt) {
-  return prompt.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+  return prompt.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
 }
 
 // 判断是否为微信浏览器
 export function isWeChatBrowser() {
-  return /MicroMessenger/i.test(navigator.userAgent);
+  return /MicroMessenger/i.test(navigator.userAgent)
 }
 
 export function showLoginDialog(router) {
   showConfirmDialog({
-    title: "登录",
-    message: "此操作需要登录才能进行，前往登录？",
+    title: '登录',
+    message: '此操作需要登录才能进行，前往登录？',
   })
     .then(() => {
-      router.push("/mobile/login");
+      router.push('/mobile/login')
     })
     .catch(() => {
       // on cancel
-    });
+    })
 }
 
 export const replaceImg = (img) => {
-  if (!img.startsWith("http")) {
-    img = `${location.protocol}//${location.host}${img}`;
+  if (img.startsWith('http')) {
+    return img
   }
-  const devHost = process.env.VUE_APP_API_HOST;
-  const localhost = "http://localhost:5678";
-  if (img.includes(localhost)) {
-    return img?.replace(localhost, devHost);
-  }
-  return img;
-};
-export function isChrome() {
-  const userAgent = navigator.userAgent.toLowerCase();
-  return /chrome/.test(userAgent) && !/edg/.test(userAgent);
+  return `${location.protocol}//${location.host}${img}`
+}
+
+// 判断是否 google 浏览器
+export function isChrome() {
+  const userAgent = navigator.userAgent.toLowerCase()
+  return /chrome/.test(userAgent) && !/edg/.test(userAgent)
 }