上次我们说到了后端搭建好了，还有前端没有搭建好，今天我们继续，废话少说，下面直接开始。
1. （1）登录自己的服务器。进入到chatgpt目录
（2）安装pnpm，如果你的服务器上已经安装过了，可以忽略。安装命令为
npm install pnpm -g
（3）安装成功后，查看下pnpm的版本 pnpm -v 。如果显示如下
-bash: pnpm: command not found，可以用以下命令进行解决。
ln -s /www/server/nodejs/v16.14.0/bin/pnpm /usr/local/bin
（4）在查看pnpm的版本就没问题了。
（5）安装依赖，运行以下命令。
pnpm bootstrap
（6）如果出现以下报错
则再运行如下命令git init
(7) 如果依赖安装完成后,打开根目录下的.env文件。
（8）VITE_APP_API_BASE_URL改成你自己的域名。
（9）运行打包命令，pnpm build
(10) 等待打包完成
（11）在项目的根目录下就可以看到有个dist的文件夹，里面的文件就项目打包后的文件了。
2. （1）回到宝塔面板上，在站点的PHP项目处,添加一个新站点。目录指向chatgpt,PHP版本设置为纯静态
（2）将dist文件夹里的文件放在根目录下。
（3）点击站点的设置
（4）添加反向代理
（5）设置代理目录和目标URL
到此，前端部分就搭建好了，现在能访问了吗？答案是否定的，我们漏了最重要的一步，那就是chatgpt的key还没有设置。
3. （1）打开chatGPT的官网openai.com 前提是要科学上网哦。在个人中心中找到View API keys
(2)点击创建API keys
(3)设置key 的名称，点击 Create secret key
(4)出现了key 注意，该key 只显示一次，要复制下来保管好。
4.(1)回到项目处，进入service文件夹，复制.env.example文件，并且重命名为.env
(2)填写刚才记录下来的key
(3)重启下node 项目
（4）访问域名就可以愉快地聊天了
好了，到此就结束了。可能写的过程中还有很多不好的地方，希望大家能指出来，在此，谢谢大家
