Lazy loaded image
【极简】Vue写的chatGpt前端页面
Words 2989Read Time 8 min
2023-11-9
2026-2-9
type
Post
status
Published
date
Nov 9, 2023
slug
summary
苦于网上的Gpt都太贵了,申请了个自己的接口,刚好最近在学Vue所以写了这个前端页面,实现了连续对话功能,只写了个简单的页面,可在此基础上二开,布局有点乱,可以自己改改。
tags
开发
推荐
category
编程
icon
password
苦于网上的Gpt都太贵了,申请了个自己的接口,刚好最近在学Vue所以写了这个前端页面,实现了连续对话功能,只写了个简单的页面,可在此基础上二开,布局有点乱,可以自己改改。 效果图:
notion image
1.对话记忆功能的实现 想法:把用户输入记录做一个存储,然后每次有新问题后连同新问题一起发送,为了节省费用,考虑使用切片数组。
如果有其他的问题,最多给一句提示:
以上是我之前问你的问题,只供你回答我接下来问题做参考,请你不要重复回答我之前问过的问题,只对新问题进行处理。新问题是
其他的都通通交给聪明的gpt去处理,哈哈
代码:
2.防止不小心用Gpt4调用,做了个Gpt选项,加了个密码验证,可以写到后端。。。
3.模拟打字效果--后来才发现完全没必要,当使用流式输出的时候,貌似就可以直接是打字效果了。。。难得弄了。 4.MarkdownIt
5.几个存储记录到本地的方法,配合记忆功能使用
其它的有兴趣的自己研究代码吧。。请大佬点评,互相交流进步。谢谢!
notion image
上一篇
AI创意工作台:一个在浏览器里实现专业级图片魔法的开源工具
下一篇
从 Heo 到 Heo Pro