fix: open api error

src/components/stateless/ReMarkdown/index.jsx

@@ -14,8 +14,10 @@ import 'highlight.js/styles/github.css'
 import styles from './index.module.less'
 
 const PreCode = (props) => {
+  console.log('props.children', props.children)
   const ref = useRef(null)
   const refText = ref.current?.innerText
+  console.log('refText', refText)
   const [mermaidCode, setMermaidCode] = useState('')
 
   const renderMermaid = useDebouncedCallback(() => {

src/components/stateless/ReMarkdown/index.module.less

@@ -1,12 +1,12 @@
 .markdownBody {
   background: #282c34;
-  padding: 10px;
+  padding: 5px;
   color: #fff;
   border-radius: 5px;
 }
 
 .copyBtn {
-  margin: 10px 10px 5px;
+  margin: 5px 10px;
   text-align: right;
   cursor: pointer;
 }

src/pages/home/index.jsx

@@ -59,16 +59,21 @@ const Home = () => {
         const contentType = response.headers.get('content-type')
 
         if (!response.ok || !contentType?.startsWith('text/event-stream') || response.status !== 200) {
-          if (contentType?.startsWith('text/plain')) {
-            setAiText(response.clone().text())
-          }
-          try {
+          if (contentType?.startsWith('text/html')) {
+            const textPlain = response.clone().text()
+            textPlain.then((plainText) => {
+              setAiText(plainText.toString())
+            })
+          } else if (contentType?.startsWith('text/plain')) {
+            const textPlain = response.clone().text()
+            textPlain.then((plainText) => {
+              setAiText(plainText.toString())
+            })
+          } else if (contentType?.startsWith('application/json')) {
             const resJson = response.clone().json()
             resJson.then((res) => {
-              setAiText(res.error.message)
+              setAiText(`${JSON.stringify(res)}`)
             })
-          } catch (error) {
-            setAiText(error.message)
           }
         } else {
           const reader = response?.body?.getReader()
@@ -99,7 +104,7 @@ const Home = () => {
                         const delta = json.choices[0]?.delta?.content ?? ''
                         lastText += delta
                         aiTextRef.current = lastText
-                        setAiText(aiTextRef.current)
+                        setAiText(aiTextRef.current.toString())
                       } catch (error) {
                         console.log(error)
                       }
@@ -147,7 +152,7 @@ const Home = () => {
         </Flex>
       </section>
       {aiText ? (
-        <section style={{ background: '#282c34', color: '#fff', borderRadius: 4, padding: 10 }}>
+        <section style={{ background: '#282c34', color: '#fff', borderRadius: 4, padding: 5 }}>
           {loading ? 'AI思考中...' : <ReMarkdown markdownText={aiText} />}
         </section>
       ) : null}