perf: fetch error

client/src/api/fetch.ts

@@ -9,7 +9,8 @@ interface StreamFetchProps {
   abortSignal: AbortController;
 }
 export const streamFetch = ({ data, onMessage, abortSignal }: StreamFetchProps) =>
-  new Promise<ChatResponseType & { responseText: string }>(async (resolve, reject) => {
+  new Promise<ChatResponseType & { responseText: string; errMsg: string }>(
+    async (resolve, reject) => {
       try {
         const response = await window.fetch('/api/openapi/v1/chat/completions', {
           method: 'POST',
@@ -38,6 +39,7 @@ export const streamFetch = ({ data, onMessage, abortSignal }: StreamFetchProps)
         let responseText = '';
         let newChatId = '';
         let quoteLen = 0;
+        let errMsg = '';
 
         const read = async () => {
           try {
@@ -47,7 +49,8 @@ export const streamFetch = ({ data, onMessage, abortSignal }: StreamFetchProps)
                 return resolve({
                   responseText,
                   newChatId,
-                quoteLen
+                  quoteLen,
+                  errMsg
                 });
               } else {
                 return reject('响应过程出现异常~');
@@ -74,7 +77,7 @@ export const streamFetch = ({ data, onMessage, abortSignal }: StreamFetchProps)
                 newChatId = chatResponse.newChatId;
                 quoteLen = chatResponse.quoteLen || 0;
               } else if (item.event === sseResponseEventEnum.error) {
-              return reject(getErrText(data, '流响应错误'));
+                errMsg = getErrText(data, '流响应错误');
               }
             });
             read();
@@ -83,7 +86,8 @@ export const streamFetch = ({ data, onMessage, abortSignal }: StreamFetchProps)
               return resolve({
                 responseText,
                 newChatId,
-              quoteLen
+                quoteLen,
+                errMsg
               });
             }
             reject(getErrText(err, '请求异常'));
@@ -95,4 +99,5 @@ export const streamFetch = ({ data, onMessage, abortSignal }: StreamFetchProps)
 
         reject(getErrText(err, '请求异常'));
       }
-  });
+    }
+  );

client/src/pages/chat/index.tsx

@@ -174,7 +174,7 @@ const Chat = ({ modelId, chatId }: { modelId: string; chatId: string }) => {
       const messages = adaptChatItem_openAI({ messages: prompts, reserveId: true });
 
       // 流请求，获取数据
-      const { newChatId, quoteLen } = await streamFetch({
+      const { newChatId, quoteLen, errMsg } = await streamFetch({
         data: {
           messages,
           chatId,
@@ -219,7 +219,9 @@ const Chat = ({ modelId, chatId }: { modelId: string; chatId: string }) => {
             ...item,
             status: 'finish',
             quoteLen,
-            systemPrompt: `${chatData.systemPrompt}\n\n${chatData.limitPrompt}`
+            systemPrompt: `${chatData.systemPrompt}${`${
+              chatData.limitPrompt ? `\n\n${chatData.limitPrompt}` : ''
+            }`}`
           };
         })
       }));
@@ -230,6 +232,13 @@ const Chat = ({ modelId, chatId }: { modelId: string; chatId: string }) => {
         loadHistory({ pageNum: 1, init: true });
         loadMyModels(true);
       }, 100);
+
+      if (errMsg) {
+        toast({
+          status: 'warning',
+          title: errMsg
+        });
+      }
     },
     [
       chatId,
@@ -241,7 +250,8 @@ const Chat = ({ modelId, chatId }: { modelId: string; chatId: string }) => {
       chatData.systemPrompt,
       chatData.limitPrompt,
       loadHistory,
-      loadMyModels
+      loadMyModels,
+      toast
     ]
   );
 

client/src/service/utils/chat/openai.ts

@@ -49,8 +49,8 @@ export const chatResponse = async ({
       messages: adaptMessages,
       frequency_penalty: 0.5, // 越大，重复内容越少
       presence_penalty: -0.5, // 越大，越容易出现新内容
-      stream,
+      stream
-      stop: ['.!?。']
+      // stop: ['.!?。']
     },
     {
       timeout: stream ? 60000 : 480000,

client/src/utils/tools.ts

@@ -116,7 +116,7 @@ export const voiceBroadcast = ({ text }: { text: string }) => {
 };
 
 export const getErrText = (err: any, def = '') => {
-  const msg = typeof err === 'string' ? err : err?.message || def || '';
+  const msg: string = typeof err === 'string' ? err : err?.message || def || '';
   msg && console.log('error =>', msg);
   return msg;
 };