【极简】Vue写的chatGpt前端页面

type

Post

status

Published

date

Nov 9, 2023

slug

vuegpt

summary

基于Vue实现了一个可二次开发的ChatGPT前端页面，核心支持连续对话与上下文记忆：存储用户历史提问，并在发送新问题时连同历史记录一并提交，必要时通过数组切片控制成本与上下文长度，页面样式较简，可自行调整布局。

category

编程

icon

password

ai_summary

苦于网上的Gpt都太贵了，申请了个自己的接口，刚好最近在学Vue所以写了这个前端页面，实现了连续对话功能，只写了个简单的页面，可在此基础上二开，布局有点乱，可以自己改改。效果图：

1.对话记忆功能的实现 想法：把用户输入记录做一个存储，然后每次有新问题后连同新问题一起发送，为了节省费用，考虑使用切片数组。

如果有其他的问题，最多给一句提示：

以上是我之前问你的问题，只供你回答我接下来问题做参考，请你不要重复回答我之前问过的问题，只对新问题进行处理。新问题是

其他的都通通交给聪明的gpt去处理，哈哈

2.防止不小心用Gpt4调用，做了个Gpt选项，加了个密码验证，可以写到后端。。。

3.模拟打字效果--后来才发现完全没必要，当使用流式输出的时候，貌似就可以直接是打字效果了。 4.MarkdownIt

5.几个存储记录到本地的方法，配合记忆功能使用

其它的有兴趣的自己研究代码吧。

👋 欢迎来访！