基于Vue3搭建ChantGPT前后端端源码及搭建教程

ChantGPT很多,网上很多说的ChantGPT搭建及源码都是假的,无法使用的,自己研究了好几天,搞定了基于Vue3搭建ChantGPT前后端端源码及搭建教程,现在分享出来,有喜欢的朋友自行下载搭建,用的是openAPI官方接口和key。

搭建好的ChantGPT主要可以实现多聊天窗口,聊天记录导出下载,刷新能保持原来的内容。

源码下载:

基于Vue3搭建ChantGPT前后端端源码及搭建教程

体验网址

先说下技术框架及主要步骤:

看下截图:

代码截图:

环境要求:

node需要^16 || ^18 || ^19版本(node >= 14需要安装fetch polyfill),使用nvm可管理本地多个node版本

填写密钥

获取Openai Api Key或accessToken并填写本地环境变量跳转

# service/.env 文件

# OpenAI API Key - https://platform.openai.com/overview

OPENAI_API_KEY=

# change this to an `accessToken` extracted from the ChatGPT site's `https://chat.openai.com/api/auth/session` response

OPENAI_ACCESS_TOKEN=

安装依赖

为了简便后端开发人员的了解负担,所以并没有采用前端workspace模式,而是分文件夹存放。如果只需要前端页面做二次开发,删除service文件夹即可。

后端

进入文件夹/service运行以下命令

pnpminstall

前端

根目录下运行以下命令

pnpmbootstrap

测试环境运行

后端服务

进入文件夹/service运行以下命令

前端网页

根目录下运行以下命令

环境变量

API可用:


OPENAI_API_KEY



OPENAI_ACCESS_TOKEN

二选一


OPENAI_API_MODEL

设置模型,可选,默认:gpt-3.5-turbo


OPENAI_API_BASE_URL

设置接口地址,可选,默认:https://api.openai.com


ACCESS_TOKEN

可用:


OPENAI_ACCESS_TOKEN



OPENAI_API_KEY

二选一,同时存在时,

OPENAI_API_KEY

优先


API_REVERSE_PROXY

设置反向代理,可选

通用:


AUTH_SECRET_KEY

访问权限密钥,可选


MAX_REQUEST_PER_HOUR

每小时最大请求次数,可选,默认无限


TIMEOUT_MS

超时,单位毫秒,可选


SOCKS_PROXY_HOST



SOCKS_PROXY_PORT

一起时生效,可选


SOCKS_PROXY_PORT



SOCKS_PROXY_HOST

一起时生效,可选


HTTPS_PROXY

支持http,https,socks5,可选

支持http,https,socks5,可选

前端网页

1、修改根目录下.env文件中的

VITE_GLOB_API_URL

为你的实际后端接口地址

2、根目录下运行以下命令,然后将dist文件夹内的文件复制到你网站服务的根目录下

阅读全文
未经允许不得转载:A3源码 » 基于Vue3搭建ChantGPT前后端端源码及搭建教程
保证A3全站源码可商用丨新会员免费搭建部署丨承接开发业务(联系tg:@A3php)

定制开发丨二次开发丨搭建部署丨API对接

联系Telegram
切换注册

登录

忘记密码 ?

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活