为在线客服系统接入chatGPT（四）：chatGPT接口vue网页版，可以联系上下文

豆漿油條

如果想实现chatGPT的网页版，调用接口就可以了，但是如果需要联系上下文语境，就需要在传递的数据的时候进行下拼接
传参的时候对所有的对话数据进行拼接，拼成下面这样
{"prompt":"(You:在吗\n)这里在哦，有什么可以帮助你的吗？(You:你这个系统多少钱\n)抱歉，您想知道什么？这里是客服中心，不提供价格咨询服务哦。(You:在哪咨询价格\n)可以您联系我们的销售团队，他们会给您提供更多的产品价格咨询服务。(You:联系方式发一下\n)您可以通过电话或网络咨询，我们的客服热线是000-888-888，网站是Http://www.example.com 。(You:错的\n)很抱歉由于我们尽力提供精确和准确的信息，但如果有错误出现了，非常抱歉。请您及时联系我们，我们会尽快纠正这个错误，感谢您的反馈。(You:你是机器人吗\n)(You:你是机器人吗\n)","max_tokens":2048,"model":"text-davinci-003"}
 
(You:数据) 这是我们输入的内容，后面接上返回的内容，效果如图所示

 
 
 
 
具体详细代码：

1. <template>
2.    
3.         chatGPT
4.         
5.             
6.                
7.                     {{row.time}}
8.                     
9.                         <el-avatar class="chatAvatar" :size="30" :src="row.avator"></el-avatar>
10.                         
11.                             {{row.name}}
12.                            
13.                         
14.                     
15.                
16.                
17.                     {{row.time}}
18.                     
19.                         
20.                     
21.                
22.             
23.         
24.         
25.             
26.                
27.                     <textarea class="chatAreaInput" v-model="originMessage"  @keyup.ctrl.enter.exact="chatToUser($event)" @keyup.enter.exact="chatToUser($event,'enter')" ></textarea>
28.                     
29.                
30.             
32.             
33.                 <i class="el-icon-chat-dot-round"></i> Powered by 唯一客服
34.             
35.         
36.         
37.         <audio id="chatMessageAudio" style="display: none;" :src="require('@/assets/alert2.ogg')"></audio>
38.    
39. </template>

复制代码

 
  开源地址：唯一客服（开源学习版）   官网地址：唯一客服官网
来源:https://www.cnblogs.com/taoshihan/p/17098030.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！