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)
 }

web/src/views/admin/SysConfig.vue

@@ -3,7 +3,13 @@
     <el-tabs v-model="activeName" class="sys-tabs">
       <el-tab-pane label="系统配置" name="basic">
         <div class="container">
-          <el-form :model="system" label-width="150px" label-position="right" ref="systemFormRef" :rules="rules">
+          <el-form
+            :model="system"
+            label-width="150px"
+            label-position="right"
+            ref="systemFormRef"
+            :rules="rules"
+          >
             <el-tabs type="border-card">
               <el-tab-pane label="基础配置">
                 <el-form-item label="网站标题" prop="title">
@@ -18,7 +24,12 @@
                 <el-form-item label="圆形 LOGO" prop="logo">
                   <el-input v-model="system['logo']" placeholder="正方形或者圆形 Logo">
                     <template #append>
-                      <el-upload :auto-upload="true" :show-file-list="false" @click="beforeUpload('logo')" :http-request="uploadImg">
+                      <el-upload
+                        :auto-upload="true"
+                        :show-file-list="false"
+                        @click="beforeUpload('logo')"
+                        :http-request="uploadImg"
+                      >
                         <el-icon class="uploader-icon">
                           <UploadFilled />
                         </el-icon>
@@ -29,7 +40,12 @@
                 <el-form-item label="条形 LOGO" prop="logo">
                   <el-input v-model="system['bar_logo']" placeholder="长方形 Logo">
                     <template #append>
-                      <el-upload :auto-upload="true" :show-file-list="false" @click="beforeUpload('bar_logo')" :http-request="uploadImg">
+                      <el-upload
+                        :auto-upload="true"
+                        :show-file-list="false"
+                        @click="beforeUpload('bar_logo')"
+                        :http-request="uploadImg"
+                      >
                         <el-icon class="uploader-icon">
                           <UploadFilled />
                         </el-icon>
@@ -41,20 +57,39 @@
                   <template #label>
                     <div class="label-title">
                       首页导航菜单
-                      <el-tooltip effect="dark" content="被选中的菜单将会在首页导航栏显示" raw-content placement="right">
+                      <el-tooltip
+                        effect="dark"
+                        content="被选中的菜单将会在首页导航栏显示"
+                        raw-content
+                        placement="right"
+                      >
                         <el-icon>
                           <InfoFilled />
                         </el-icon>
                       </el-tooltip>
                     </div>
                   </template>
-                  <el-select v-model="system['index_navs']" multiple :filterable="true" placeholder="请选择菜单，多选" style="width: 100%">
-                    <el-option v-for="item in menus" :key="item.id" :label="item.name" :value="item.id" />
+                  <el-select
+                    v-model="system['index_navs']"
+                    multiple
+                    :filterable="true"
+                    placeholder="请选择菜单，多选"
+                    style="width: 100%"
+                  >
+                    <el-option
+                      v-for="item in menus"
+                      :key="item.id"
+                      :label="item.name"
+                      :value="item.id"
+                    />
                   </el-select>
                 </el-form-item>
 
                 <el-form-item label="版权信息" prop="copyright">
-                  <el-input v-model="system['copyright']" placeholder="更改此选项需要获取 License 授权" />
+                  <el-input
+                    v-model="system['copyright']"
+                    placeholder="更改此选项需要获取 License 授权"
+                  />
                 </el-form-item>
 
                 <el-form-item label="默认昵称" prop="default_nickname">
@@ -69,7 +104,12 @@
                   <template #label>
                     <div class="label-title">
                       开放注册
-                      <el-tooltip effect="dark" content="关闭注册之后只能通过管理后台添加用户" raw-content placement="right">
+                      <el-tooltip
+                        effect="dark"
+                        content="关闭注册之后只能通过管理后台添加用户"
+                        raw-content
+                        placement="right"
+                      >
                         <el-icon>
                           <InfoFilled />
                         </el-icon>
@@ -113,7 +153,12 @@
                 <el-form-item label="微信客服二维码" prop="wechat_card_url">
                   <el-input v-model="system['wechat_card_url']" placeholder="微信客服二维码">
                     <template #append>
-                      <el-upload :auto-upload="true" :show-file-list="false" @click="beforeUpload('wechat_card_url')" :http-request="uploadImg">
+                      <el-upload
+                        :auto-upload="true"
+                        :show-file-list="false"
+                        @click="beforeUpload('wechat_card_url')"
+                        :http-request="uploadImg"
+                      >
                         <el-icon class="uploader-icon">
                           <UploadFilled />
                         </el-icon>
@@ -125,15 +170,30 @@
                   <template #label>
                     <div class="label-title">
                       默认翻译模型
-                      <el-tooltip effect="dark" content="选择一个默认模型来翻译提示词" raw-content placement="right">
+                      <el-tooltip
+                        effect="dark"
+                        content="选择一个默认模型来翻译提示词"
+                        raw-content
+                        placement="right"
+                      >
                         <el-icon>
                           <InfoFilled />
                         </el-icon>
                       </el-tooltip>
                     </div>
                   </template>
-                  <el-select v-model.number="system['translate_model_id']" :filterable="true" placeholder="选择一个默认模型来翻译提示词" style="width: 100%">
-                    <el-option v-for="item in models" :key="item.id" :label="item.name" :value="item.id" />
+                  <el-select
+                    v-model.number="system['translate_model_id']"
+                    :filterable="true"
+                    placeholder="选择一个默认模型来翻译提示词"
+                    style="width: 100%"
+                  >
+                    <el-option
+                      v-for="item in models"
+                      :key="item.id"
+                      :label="item.name"
+                      :value="item.id"
+                    />
                   </el-select>
                 </el-form-item>
 
@@ -144,8 +204,8 @@
                   <div class="tip-input-line">
                     <el-input-number v-model="system['context_deep']" :min="0" :max="10" />
                     <div class="tip">
-                      会话上下文深度：在老会话中继续会话，默认加载多少条聊天记录作为上下文。如果设置为 0
-                      则不加载聊天记录，仅仅使用当前角色的上下文。该配置参数必须设置需要为偶数。
+                      会话上下文深度：在老会话中继续会话，默认加载多少条聊天记录作为上下文。如果设置为
+                      0 则不加载聊天记录，仅仅使用当前角色的上下文。该配置参数必须设置需要为偶数。
                     </div>
                   </div>
                 </el-form-item>
@@ -154,55 +214,98 @@
                   <template #label>
                     <div class="label-title">
                       SD反向提示词
-                      <el-tooltip effect="dark" content="Stable-Diffusion 绘画默认反向提示词" raw-content placement="right">
+                      <el-tooltip
+                        effect="dark"
+                        content="Stable-Diffusion 绘画默认反向提示词"
+                        raw-content
+                        placement="right"
+                      >
                         <el-icon>
                           <InfoFilled />
                         </el-icon>
                       </el-tooltip>
                     </div>
                   </template>
-                  <el-input type="textarea" :rows="2" v-model="system['sd_neg_prompt']" placeholder="" />
+                  <el-input
+                    type="textarea"
+                    :rows="2"
+                    v-model="system['sd_neg_prompt']"
+                    placeholder=""
+                  />
                 </el-form-item>
 
                 <el-form-item label="会员充值说明" prop="order_pay_timeout">
                   <template #label>
                     <div class="label-title">
                       会员充值说明
-                      <el-tooltip effect="dark" content="会员充值页面的充值说明文字" raw-content placement="right">
+                      <el-tooltip
+                        effect="dark"
+                        content="会员充值页面的充值说明文字"
+                        raw-content
+                        placement="right"
+                      >
                         <el-icon>
                           <InfoFilled />
                         </el-icon>
                       </el-tooltip>
                     </div>
                   </template>
-                  <el-input type="textarea" :rows="2" v-model="system['vip_info_text']" placeholder="" />
+                  <el-input
+                    type="textarea"
+                    :rows="2"
+                    v-model="system['vip_info_text']"
+                    placeholder=""
+                  />
                 </el-form-item>
 
                 <el-form-item label="MJ默认API模式" prop="mj_mode">
                   <el-select v-model="system['mj_mode']" placeholder="请选择模式">
-                    <el-option v-for="item in mjModels" :value="item.value" :label="item.name" :key="item.value">{{ item.name }} </el-option>
+                    <el-option
+                      v-for="item in mjModels"
+                      :value="item.value"
+                      :label="item.name"
+                      :key="item.value"
+                      >{{ item.name }}
+                    </el-option>
                   </el-select>
                 </el-form-item>
                 <el-form-item label="上传文件限制" prop="max_file_size">
-                  <el-input v-model.number="system['max_file_size']" placeholder="最大上传文件大小，单位：MB" />
+                  <el-input
+                    v-model.number="system['max_file_size']"
+                    placeholder="最大上传文件大小，单位：MB"
+                  />
                 </el-form-item>
               </el-tab-pane>
 
               <el-tab-pane label="算力配置">
                 <el-form-item label="注册赠送算力" prop="init_power">
-                  <el-input v-model.number="system['init_power']" placeholder="新用户注册赠送算力" />
+                  <el-input
+                    v-model.number="system['init_power']"
+                    placeholder="新用户注册赠送算力"
+                  />
                 </el-form-item>
                 <el-form-item label="邀请赠送算力" prop="invite_power">
-                  <el-input v-model.number="system['invite_power']" placeholder="邀请新用户注册赠送算力" />
+                  <el-input
+                    v-model.number="system['invite_power']"
+                    placeholder="邀请新用户注册赠送算力"
+                  />
                 </el-form-item>
                 <el-form-item label="VIP每月赠送算力" prop="vip_month_power">
-                  <el-input v-model.number="system['vip_month_power']" placeholder="VIP用户每月赠送算力" />
+                  <el-input
+                    v-model.number="system['vip_month_power']"
+                    placeholder="VIP用户每月赠送算力"
+                  />
                 </el-form-item>
                 <el-form-item>
                   <template #label>
                     <div class="label-title">
                       签到赠送算力
-                      <el-tooltip effect="dark" content="每日签到赠送算力" raw-content placement="right">
+                      <el-tooltip
+                        effect="dark"
+                        content="每日签到赠送算力"
+                        raw-content
+                        placement="right"
+                      >
                         <el-icon>
                           <InfoFilled />
                         </el-icon>
@@ -215,7 +318,12 @@
                   <template #label>
                     <div class="label-title">
                       MJ绘图算力
-                      <el-tooltip effect="dark" content="使用MidJourney画一张图消耗算力" raw-content placement="right">
+                      <el-tooltip
+                        effect="dark"
+                        content="使用MidJourney画一张图消耗算力"
+                        raw-content
+                        placement="right"
+                      >
                         <el-icon>
                           <InfoFilled />
                         </el-icon>
@@ -226,32 +334,54 @@
                 </el-form-item>
 
                 <el-form-item label="Stable-Diffusion算力" prop="sd_power">
-                  <el-input v-model.number="system['sd_power']" placeholder="使用Stable-Diffusion画一张图消耗算力" />
+                  <el-input
+                    v-model.number="system['sd_power']"
+                    placeholder="使用Stable-Diffusion画一张图消耗算力"
+                  />
                 </el-form-item>
                 <el-form-item>
                   <template #label>
                     <div class="label-title">
                       DALL-E-3算力
-                      <el-tooltip effect="dark" content="使用DALL-E-3画一张图消耗算力" raw-content placement="right">
+                      <el-tooltip
+                        effect="dark"
+                        content="使用DALL-E-3画一张图消耗算力"
+                        raw-content
+                        placement="right"
+                      >
                         <el-icon>
                           <InfoFilled />
                         </el-icon>
                       </el-tooltip>
                     </div>
                   </template>
-                  <el-input v-model.number="system['dall_power']" placeholder="使用DALL-E-3画一张图消耗算力" />
+                  <el-input
+                    v-model.number="system['dall_power']"
+                    placeholder="使用DALL-E-3画一张图消耗算力"
+                  />
                 </el-form-item>
                 <el-form-item label="Suno 算力" prop="suno_power">
-                  <el-input v-model.number="system['suno_power']" placeholder="使用 Suno 生成一首音乐消耗算力" />
+                  <el-input
+                    v-model.number="system['suno_power']"
+                    placeholder="使用 Suno 生成一首音乐消耗算力"
+                  />
                 </el-form-item>
                 <el-form-item label="Luma 算力" prop="luma_power">
-                  <el-input v-model.number="system['luma_power']" placeholder="使用 Luma 生成一段视频消耗算力" />
+                  <el-input
+                    v-model.number="system['luma_power']"
+                    placeholder="使用 Luma 生成一段视频消耗算力"
+                  />
                 </el-form-item>
                 <el-form-item>
                   <template #label>
                     <div class="label-title">
                       可灵算力
-                      <el-tooltip effect="dark" content="可灵每个模型价格不一样，具体请参考：https://api.geekai.pro/models" raw-content placement="right">
+                      <el-tooltip
+                        effect="dark"
+                        content="可灵每个模型价格不一样，具体请参考：https://api.geekai.pro/models"
+                        raw-content
+                        placement="right"
+                      >
                         <el-icon>
                           <InfoFilled />
                         </el-icon>
@@ -259,7 +389,11 @@
                     </div>
                   </template>
                   <el-row :gutter="20" v-if="system['keling_powers']">
-                    <el-col :span="6" v-for="[key] in Object.entries(system['keling_powers'])" :key="key">
+                    <el-col
+                      :span="6"
+                      v-for="[key] in Object.entries(system['keling_powers'])"
+                      :key="key"
+                    >
                       <el-form-item :label="key" label-position="left">
                         <el-input v-model.number="system['keling_powers'][key]" size="small" />
                       </el-form-item>
@@ -270,7 +404,12 @@
                   <template #label>
                     <div class="label-title">
                       高级语音算力
-                      <el-tooltip effect="dark" content="使用一次 OpenAI 高级语音对话消耗的算力" raw-content placement="right">
+                      <el-tooltip
+                        effect="dark"
+                        content="使用一次 OpenAI 高级语音对话消耗的算力"
+                        raw-content
+                        placement="right"
+                      >
                         <el-icon>
                           <InfoFilled />
                         </el-icon>
@@ -283,7 +422,12 @@
                   <template #label>
                     <div class="label-title">
                       提示词算力
-                      <el-tooltip effect="dark" content="生成AI绘图提示词，歌词，视频描述消耗的算力" raw-content placement="right">
+                      <el-tooltip
+                        effect="dark"
+                        content="生成AI绘图提示词，歌词，视频描述消耗的算力"
+                        raw-content
+                        placement="right"
+                      >
                         <el-icon>
                           <InfoFilled />
                         </el-icon>
@@ -304,7 +448,12 @@
         </div>
       </el-tab-pane>
       <el-tab-pane label="公告配置" name="notice">
-        <md-editor class="mgb20" v-model="notice" :theme="store.theme" @on-upload-img="onUploadImg" />
+        <md-editor
+          class="mgb20"
+          v-model="notice"
+          :theme="store.theme"
+          @on-upload-img="onUploadImg"
+        />
         <el-form-item>
           <div style="padding-top: 10px; margin-left: 150px">
             <el-button type="primary" @click="save('notice')">保存</el-button>
@@ -313,7 +462,12 @@
       </el-tab-pane>
 
       <el-tab-pane label="用户协议" name="agreement">
-        <md-editor class="mgb20" v-model="agreement" :theme="store.theme" @on-upload-img="onUploadImg" />
+        <md-editor
+          class="mgb20"
+          v-model="agreement"
+          :theme="store.theme"
+          @on-upload-img="onUploadImg"
+        />
         <el-form-item>
           <div style="padding-top: 10px; margin-left: 150px">
             <el-button type="primary" @click="save('agreement')">保存</el-button>
@@ -322,16 +476,26 @@
       </el-tab-pane>
 
       <el-tab-pane label="隐私声明" name="privacy">
-        <md-editor class="mgb20" v-model="privacy" :theme="store.theme" @on-upload-img="onUploadImg" />
+        <md-editor
+          class="mgb20"
+          v-model="privacy"
+          :theme="store.theme"
+          @on-upload-img="onUploadImg"
+        />
         <el-form-item>
           <div style="padding-top: 10px; margin-left: 150px">
             <el-button type="primary" @click="save('privacy')">保存</el-button>
           </div>
         </el-form-item>
       </el-tab-pane>
-      
+
       <el-tab-pane label="思维导图" name="mark_map">
-        <md-editor class="mgb20" :theme="store.theme" v-model="system['mark_map_text']" @on-upload-img="onUploadImg" />
+        <md-editor
+          class="mgb20"
+          :theme="store.theme"
+          v-model="system['mark_map_text']"
+          @on-upload-img="onUploadImg"
+        />
         <el-form-item>
           <div style="padding-top: 10px; margin-left: 150px">
             <el-button type="primary" @click="save('system')">保存</el-button>
@@ -344,7 +508,13 @@
 
       <el-tab-pane label="授权激活" name="license">
         <div class="container">
-          <el-descriptions v-if="license.is_active" class="margin-top" title="已授权信息" :column="1" border>
+          <el-descriptions
+            v-if="license.is_active"
+            class="margin-top"
+            title="已授权信息"
+            :column="1"
+            border
+          >
             <el-descriptions-item>
               <template #label>
                 <div class="cell-item">License Key</div>
@@ -400,8 +570,8 @@
       <el-tab-pane label="修复数据" name="fixData">
         <div class="container">
           <p class="text">
-            有些版本升级的时候更新了数据库的结构，比如字段名字改了，需要把之前的字段的值转移到其他字段，这些无法通过简单的 SQL
-            语句可以实现的，需要手动写程序修正数据。
+            有些版本升级的时候更新了数据库的结构，比如字段名字改了，需要把之前的字段的值转移到其他字段，这些无法通过简单的
+            SQL 语句可以实现的，需要手动写程序修正数据。
           </p>
 
           <!--          <p class="text">当前版本 v4.1.4 需要修正用户数据，增加了 mobile 和 email 字段，需要把之前用手机号或者邮箱注册的用户的 username 字段数据初始化到 mobile 或者 email 字段。另外，需要把订单的支付渠道从名字称修正为 key。</p>-->
@@ -418,183 +588,196 @@
 </template>
 
 <script setup>
-import { onMounted, reactive, ref } from "vue";
-import { httpGet, httpPost } from "@/utils/http";
-import Compressor from "compressorjs";
-import { ElMessage, ElMessageBox } from "element-plus";
-import { CloseBold, InfoFilled, Select, UploadFilled } from "@element-plus/icons-vue";
-import MdEditor from "md-editor-v3";
-import "md-editor-v3/lib/style.css";
-import Menu from "@/views/admin/Menu.vue";
-import { copyObj, dateFormat } from "@/utils/libs";
-import ItemsInput from "@/components/ui/ItemsInput.vue";
-import { useSharedStore } from "@/store/sharedata";
+import { onMounted, reactive, ref } from 'vue'
+import { httpGet, httpPost } from '@/utils/http'
+import Compressor from 'compressorjs'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { CloseBold, InfoFilled, Select, UploadFilled } from '@element-plus/icons-vue'
+import MdEditor from 'md-editor-v3'
+import 'md-editor-v3/lib/style.css'
+import Menu from '@/views/admin/Menu.vue'
+import { copyObj, dateFormat } from '@/utils/libs'
+import ItemsInput from '@/components/ui/ItemsInput.vue'
+import { useSharedStore } from '@/store/sharedata'
 
-const activeName = ref("basic");
-const system = ref({ models: [] });
-const configBak = ref({});
-const loading = ref(true);
-const systemFormRef = ref(null);
-const models = ref([]);
-const notice = ref("");
-const agreement = ref("");
-const privacy = ref("");
-const license = ref({ is_active: false });
-const menus = ref([]);
+const activeName = ref('basic')
+const system = ref({ models: [] })
+const configBak = ref({})
+const loading = ref(true)
+const systemFormRef = ref(null)
+const models = ref([])
+const notice = ref('')
+const agreement = ref('')
+const privacy = ref('')
+const license = ref({ is_active: false })
+const menus = ref([])
 const mjModels = ref([
-  { name: "慢速（Relax）", value: "relax" },
-  { name: "快速（Fast）", value: "fast" },
-  { name: "急速（Turbo）", value: "turbo" },
-]);
-const store = useSharedStore();
+  { name: '慢速（Relax）', value: 'relax' },
+  { name: '快速（Fast）', value: 'fast' },
+  { name: '急速（Turbo）', value: 'turbo' },
+])
+const store = useSharedStore()
 
 onMounted(() => {
   // 加载系统配置
-  httpGet("/api/admin/config/get?key=system")
+  httpGet('/api/admin/config/get?key=system')
     .then((res) => {
-      system.value = res.data;
+      system.value = res.data
       system.value.keling_powers = system.value.keling_powers || {
-        "kling-v1-6_std_5": 240,
-        "kling-v1-6_std_10": 480,
-        "kling-v1-6_pro_5": 420,
-        "kling-v1-6_pro_10": 840,
-        "kling-v1-5_std_5": 240,
-        "kling-v1-5_std_10": 480,
-        "kling-v1-5_pro_5": 420,
-        "kling-v1-5_pro_10": 840,
-        "kling-v1_std_5": 120,
-        "kling-v1_std_10": 240,
-        "kling-v1_pro_5": 420,
-        "kling-v1_pro_10": 840,
-      };
-      configBak.value = copyObj(system.value);
+        'kling-v1-6_std_5': 240,
+        'kling-v1-6_std_10': 480,
+        'kling-v1-6_pro_5': 420,
+        'kling-v1-6_pro_10': 840,
+        'kling-v1-5_std_5': 240,
+        'kling-v1-5_std_10': 480,
+        'kling-v1-5_pro_5': 420,
+        'kling-v1-5_pro_10': 840,
+        'kling-v1_std_5': 120,
+        'kling-v1_std_10': 240,
+        'kling-v1_pro_5': 420,
+        'kling-v1_pro_10': 840,
+      }
+      configBak.value = copyObj(system.value)
     })
     .catch((e) => {
-      ElMessage.error("加载系统配置失败: " + e.message);
-    });
+      ElMessage.error('加载系统配置失败: ' + e.message)
+    })
   // 加载聊天配置
-  httpGet("/api/admin/config/get?key=notice")
+  httpGet('/api/admin/config/get?key=notice')
     .then((res) => {
-      notice.value = res.data["content"];
+      notice.value = res.data['content']
     })
     .catch((e) => {
-      ElMessage.error("公告信息失败: " + e.message);
-    });
+      ElMessage.error('公告信息失败: ' + e.message)
+    })
 
   // 加载用户协议
-  httpGet("/api/admin/config/get?key=agreement")
+  httpGet('/api/admin/config/get?key=agreement')
     .then((res) => {
-      agreement.value = res.data["content"] || '';
+      agreement.value = res.data['content'] || ''
     })
     .catch((e) => {
-      ElMessage.error("加载用户协议失败: " + e.message);
-    });
-    
+      console.warn('加载用户协议失败: ' + e.message)
+    })
+
   // 加载隐私政策
-  httpGet("/api/admin/config/get?key=privacy")
+  httpGet('/api/admin/config/get?key=privacy')
     .then((res) => {
-      privacy.value = res.data["content"] || '';
+      privacy.value = res.data['content'] || ''
     })
     .catch((e) => {
-      ElMessage.error("加载隐私政策失败: " + e.message);
-    });
+      console.warn('加载隐私政策失败: ' + e.message)
+    })
 
-  httpGet("/api/admin/model/list")
+  httpGet('/api/admin/model/list')
     .then((res) => {
-      models.value = res.data;
-      loading.value = false;
+      models.value = res.data
+      loading.value = false
     })
     .catch((e) => {
-      ElMessage.error("获取模型失败：" + e.message);
-    });
+      ElMessage.error('获取模型失败：' + e.message)
+    })
 
-  httpGet("/api/admin/menu/list")
+  httpGet('/api/admin/menu/list')
     .then((res) => {
-      menus.value = res.data;
+      menus.value = res.data
     })
     .catch((e) => {
-      ElMessage.error("获取模型失败：" + e.message);
-    });
+      ElMessage.error('获取模型失败：' + e.message)
+    })
 
-  fetchLicense();
-});
+  fetchLicense()
+})
 
 const fetchLicense = () => {
-  httpGet("/api/admin/config/license")
+  httpGet('/api/admin/config/license')
     .then((res) => {
-      license.value = res.data;
+      license.value = res.data
     })
     .catch((e) => {
-      ElMessage.error("获取 License 失败：" + e.message);
-    });
-};
+      ElMessage.error('获取 License 失败：' + e.message)
+    })
+}
 
 const rules = reactive({
-  title: [{ required: true, message: "请输入网站标题", trigger: "blur" }],
-  admin_title: [{ required: true, message: "请输入控制台标题", trigger: "blur" }],
-  init_chat_calls: [{ required: true, message: "请输入赠送对话次数", trigger: "blur" }],
-  user_img_calls: [{ required: true, message: "请输入赠送绘图次数", trigger: "blur" }],
-});
+  title: [{ required: true, message: '请输入网站标题', trigger: 'blur' }],
+  admin_title: [{ required: true, message: '请输入控制台标题', trigger: 'blur' }],
+  init_chat_calls: [{ required: true, message: '请输入赠送对话次数', trigger: 'blur' }],
+  user_img_calls: [{ required: true, message: '请输入赠送绘图次数', trigger: 'blur' }],
+})
 const save = function (key) {
-  if (key === "system") {
+  if (key === 'system') {
     systemFormRef.value.validate((valid) => {
       if (valid) {
-        httpPost("/api/admin/config/update", { key: key, config: system.value, config_bak: configBak.value })
+        httpPost('/api/admin/config/update', {
+          key: key,
+          config: system.value,
+          config_bak: configBak.value,
+        })
           .then(() => {
-            ElMessage.success("操作成功！");
+            ElMessage.success('操作成功！')
           })
           .catch((e) => {
-            ElMessage.error("操作失败：" + e.message);
-          });
+            ElMessage.error('操作失败：' + e.message)
+          })
       }
-    });
-  } else if (key === "notice") {
-    httpPost("/api/admin/config/update", { key: key, config: { content: notice.value, updated: true } })
+    })
+  } else if (key === 'notice') {
+    httpPost('/api/admin/config/update', {
+      key: key,
+      config: { content: notice.value, updated: true },
+    })
       .then(() => {
-        ElMessage.success("操作成功！");
+        ElMessage.success('操作成功！')
       })
       .catch((e) => {
-        ElMessage.error("操作失败：" + e.message);
-      });
-  } else if (key === "agreement") {
-    httpPost("/api/admin/config/update", { key: key, config: { content: agreement.value, updated: true } })
+        ElMessage.error('操作失败：' + e.message)
+      })
+  } else if (key === 'agreement') {
+    httpPost('/api/admin/config/update', {
+      key: key,
+      config: { content: agreement.value, updated: true },
+    })
       .then(() => {
-        ElMessage.success("操作成功！");
+        ElMessage.success('操作成功！')
       })
       .catch((e) => {
-        ElMessage.error("操作失败：" + e.message);
-      });
-  } else if (key === "privacy") {
-    httpPost("/api/admin/config/update", { key: key, config: { content: privacy.value, updated: true } })
+        ElMessage.error('操作失败：' + e.message)
+      })
+  } else if (key === 'privacy') {
+    httpPost('/api/admin/config/update', {
+      key: key,
+      config: { content: privacy.value, updated: true },
+    })
       .then(() => {
-        ElMessage.success("操作成功！");
+        ElMessage.success('操作成功！')
       })
       .catch((e) => {
-        ElMessage.error("操作失败：" + e.message);
-      });
+        ElMessage.error('操作失败：' + e.message)
+      })
   }
-};
+}
 
 // 激活授权
-const licenseKey = ref("");
+const licenseKey = ref('')
 const active = () => {
-  if (licenseKey.value === "") {
-    return ElMessage.error("请输入授权码");
+  if (licenseKey.value === '') {
+    return ElMessage.error('请输入授权码')
   }
-  httpPost("/api/admin/config/active", { license: licenseKey.value })
+  httpPost('/api/admin/config/active', { license: licenseKey.value })
     .then((res) => {
-      ElMessage.success("授权成功，机器编码为：" + res.data);
-      fetchLicense();
+      ElMessage.success('授权成功，机器编码为：' + res.data)
+      fetchLicense()
     })
     .catch((e) => {
-      ElMessage.error(e.message);
-    });
-};
+      ElMessage.error(e.message)
+    })
+}
 
-const configKey = ref("");
+const configKey = ref('')
 const beforeUpload = (key) => {
-  configKey.value = key;
-};
+  configKey.value = key
+}
 
 // 图片上传
 const uploadImg = (file) => {
@@ -602,65 +785,65 @@ const uploadImg = (file) => {
   new Compressor(file.file, {
     quality: 0.6,
     success(result) {
-      const formData = new FormData();
-      formData.append("file", result, result.name);
+      const formData = new FormData()
+      formData.append('file', result, result.name)
       // 执行上传操作
-      httpPost("/api/admin/upload", formData)
+      httpPost('/api/admin/upload', formData)
         .then((res) => {
-          system.value[configKey.value] = res.data.url;
-          ElMessage.success("上传成功");
+          system.value[configKey.value] = res.data.url
+          ElMessage.success('上传成功')
         })
         .catch((e) => {
-          ElMessage.error("上传失败:" + e.message);
-        });
+          ElMessage.error('上传失败:' + e.message)
+        })
     },
     error(e) {
-      ElMessage.error("上传失败:" + e.message);
+      ElMessage.error('上传失败:' + e.message)
     },
-  });
-};
+  })
+}
 
 // 编辑期文件上传处理
 const onUploadImg = (files, callback) => {
   Promise.all(
     files.map((file) => {
       return new Promise((rev, rej) => {
-        const formData = new FormData();
-        formData.append("file", file, file.name);
+        const formData = new FormData()
+        formData.append('file', file, file.name)
         // 执行上传操作
-        httpPost("/api/admin/upload", formData)
+        httpPost('/api/admin/upload', formData)
           .then((res) => rev(res))
-          .catch((error) => rej(error));
-      });
+          .catch((error) => rej(error))
+      })
     })
   )
     .then((res) => {
-      ElMessage.success({ message: "上传成功", duration: 500 });
-      callback(res.map((item) => item.data.url));
+      ElMessage.success({ message: '上传成功', duration: 500 })
+      callback(res.map((item) => item.data.url))
     })
     .catch((e) => {
-      ElMessage.error("图片上传失败:" + e.message);
-    });
-};
+      ElMessage.error('图片上传失败:' + e.message)
+    })
+}
 
 const fixData = () => {
-  ElMessageBox.confirm("在修复数据前，请先备份好数据库，以免数据丢失！是否继续操作?", "警告", {
-    confirmButtonText: "确定",
-    cancelButtonText: "取消",
-    type: "warning",
+  ElMessageBox.confirm('在修复数据前，请先备份好数据库，以免数据丢失！是否继续操作?', '警告', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning',
   }).then(() => {
-    loading.value = true;
-    httpGet("/api/admin/config/fixData")
+    loading.value = true
+    httpGet('/api/admin/config/fixData')
       .then(() => {
-        ElMessage.success("数据修复成功");
-        loading.value = false;
+        ElMessage.success('数据修复成功')
+        loading.value = false
       })
       .catch((e) => {
-        loading.value = false;
-        ElMessage.error("数据修复失败：" + e.message);
-      });
-  });
-};
+        loading.value = false
+        ElMessage.error('数据修复失败：' + e.message)
+      })
+  })
+}
 </script>
 
 <style lang="stylus" scoped>

web/vue.config.js

@@ -1,6 +1,6 @@
-const { defineConfig } = require("@vue/cli-service");
-const path = require("path");
-let webpack = require("webpack");
+const { defineConfig } = require('@vue/cli-service')
+const path = require('path')
+let webpack = require('webpack')
 module.exports = defineConfig({
   transpileDependencies: true,
   lintOnSave: false, //关闭eslint校验
@@ -14,26 +14,31 @@ module.exports = defineConfig({
     plugins: [new webpack.optimize.MinChunkSizePlugin({ minChunkSize: 10000 })],
     resolve: {
       alias: {
-        "@": path.resolve(__dirname, "src"),
+        '@': path.resolve(__dirname, 'src'),
       },
     },
   },
 
-  publicPath: "/",
+  publicPath: '/',
 
-  outputDir: "dist",
-  crossorigin: "anonymous",
+  outputDir: 'dist',
+  crossorigin: 'anonymous',
   devServer: {
     client: {
-      overlay: false // 关闭错误覆盖层
+      overlay: false, // 关闭错误覆盖层
     },
-    allowedHosts: "all",
+    allowedHosts: 'all',
     port: 8888,
     proxy: {
-      "/static/upload/": {
+      '/api': {
+        target: process.env.VUE_APP_API_HOST,
+        changeOrigin: true,
+        ws: true,
+      },
+      '/static/upload/': {
         target: process.env.VUE_APP_API_HOST,
         changeOrigin: true,
       },
     },
   },
-});
+})