1

assets/css/common.scss

@@ -1,5 +1,11 @@
 // 公用的css类名
-
+#dify-chatbot-bubble-button {
+  background-color: #1C64F2 !important;
+}
+#dify-chatbot-bubble-window {
+  width: 24rem !important;
+  height: 40rem !important;
+}
 /* 图片默认和外盒字一样大小 */
 .img_reset {
   width: 100%;

layouts/default.vue

@@ -6,7 +6,16 @@
     <divFooter></divFooter>
   </div>
 </template>
-
+<!--<script>-->
+<!--window.difyChatbotConfig = {-->
+<!--  token: 'BC985VI4DnedSaIQ',-->
+<!--  baseUrl: 'http://101.245.103.204',-->
+<!--  systemVariables: {-->
+<!--    // user_id: 'YOU CAN DEFINE USER ID HERE',-->
+<!--    // conversation_id: 'YOU CAN DEFINE CONVERSATION ID HERE, IT MUST BE A VALID UUID',-->
+<!--  },-->
+<!--}-->
+<!--</script>-->
 <script>
 import divHeader from '../components/header.vue';
 import divFooter from '../components/footer.vue';
@@ -23,6 +32,18 @@ export default {
     }
   },
   created() {
+
+  },
+  mounted(){
+    window.difyChatbotConfig = {
+      token: 'BC985VI4DnedSaIQ',
+      baseUrl: 'http://101.245.103.204',
+      systemVariables: {
+        // user_id: 'YOU CAN DEFINE USER ID HERE',
+        // conversation_id: 'YOU CAN DEFINE CONVERSATION ID HERE, IT MUST BE A VALID UUID',
+      },
+    }
+    console.log('执行完成')
   },
   methods: {
     

nuxt.config.js

@@ -32,6 +32,7 @@ export default {
     ],
     script: [
       // { type:"text/javascript" , src: 'https://api.map.baidu.com/api?v=1.0&type=webgl&ak=otBoKESzaUj1nGjWiehnCP3AUyRKgikx'}
+      {type:"text/javascript",src:'http://101.245.103.204/embed.min.js',id:"BC985VI4DnedSaIQ",defer:true}
     ]
   },
   env: {