Auto Commit

src/Home.vue

 <template>
   <router-view/>
-  <!-- <div >
-    <a >欢迎使用可爱又聪明的机器人!</a>
-    <div><span style="color:chartreuse;">用户：</span> <span style="color:chartreuse;">{{username}}</span></div> -->
-    <!-- <div class="dialog">
+  <div class="container1 ivu-p">
+    <!-- <div><span style="color:chartreuse;">用户：</span> <span style="color:chartreuse;">{{username}}</span></div> -->
+    <div class="dialog">
       <template v-for="(item, index) in dialogs" :key="index">
         <div class="dialog-item" :class="{ 'dialog-item-me': item.role === 'me', 'dialog-item-ai': item.role === 'ai' }">
           <div class="dialog-item-main">{{ item.text }}</div>
         </div>
       </template>
-    </div> -->
+    </div>
       
-    <!-- <div class="question ivu-mt">
+    <div class="question ivu-mt">
       <Input v-model="question" type="textarea" :autosize="{ minRows: 4, maxRows: 6 }" placeholder="输入你的问题" />
       <Row class="ivu-mt">
         <Col>
@@ -21,19 +20,19 @@
           <Button size="large" class="ivu-ml" icon="md-add" :disabled="loading" @click="handleNewChat">新对话</Button>
         </Col>
         <Col>
-          <Button size="large" class="ivu-ml" icon="md-arrow-up" :disabled="loading" @click="handleHistoryChat">历史记录</Button>
+          <Button size="large" class="ivu-ml" icon="md-arrow-up" :disabled="loading" @click="handleHistoryChat">记录</Button>
         </Col>
         <Col>
           <Button type="large" class="ivu-ml" icon="md-log-out" :disabled="loading" @click="logout">退出</Button> 
         </Col>
  
-      </Row> -->
-    <!-- </div> -->
-  <!--</div> -->
+      </Row>
+    </div>
+  </div>
 </template>
 <script>
 import { fetchEventSource } from '@microsoft/fetch-event-source';
-import { apiKey, apiUrl } from './api';
+import { apiKey, apiUrl } from '../api';
 import axios from 'axios'
 axios.defaults.withCredentials = true; // 发送凭据
 export default {
@@ -54,8 +53,8 @@ export default {
     // return this.username
   },
   methods: {
-    goto() {
-      this.$router.push("/login"); 
+    create() {
+
     },
     handleSend() {
       if (this.loading || this.question === '') return;
@@ -107,6 +106,13 @@ export default {
         },
         onmessage: (msg) => {
           if (msg.data === '[DONE]') {
+            axios({          
+                method: "post",
+                url: "https://flask-wujiaping.inscode.cc/addhistory",  
+                data: dialog.text,             
+              }).then((res) => {
+                console.log(res.data)
+            });
             this.loading = false;
             return;
           };
@@ -122,6 +128,9 @@ export default {
             dialog.text += text;
           }
         },
+        onclose() {
+              console.log("close");
+        },
         onerror: (err) => {
           console.log("error", err);
         }
@@ -131,11 +140,20 @@ export default {
       this.dialogs = [];
     },
     handleHistoryChat() {  
-      if (JSON.stringify(this.dialogs) === '[]') {
-        alert("无对话内容！");
-        return;
-      }
-      alert(JSON.stringify(this.dialogs));         
+      // if (JSON.stringify(this.dialogs) === '[]') {
+      //   alert("无对话内容！");
+      //   return;
+      // }
+      axios({          
+                method: "get",
+                url: "https://flask-wujiaping.inscode.cc/gethistory",               
+              }).then((res) => {
+                console.log(res.data)
+                if(200==res.data['code']){
+                  alert(res.data['data']);
+                }   
+            });
+      // alert(JSON.stringify(this.dialogs));         
     },
     logout(){
       sessionStorage.removeItem('username')
@@ -157,12 +175,12 @@ export default {
 }
 </script>
 <style>
-.container222 {
+.container1 {
   height: 100%;
   display: flex;
   flex-direction: column;
   /* background-color:gainsboro; */
-  background-image:url(../src/assets/background.jpg);
+  background-image:url(../assets/background.jpg);
 }
 
 .dialog {