感谢 UP 的 哔哩哔哩视频：
https://www.bilibili.com/video/BV1LT411t7xe

项目地址：https://github.com/xbzstudio/BingAI-Client

如何部署为公网服务器以供分享给别人使用呢

---

1、自备 https 证书，使用 https，修改项目源码， index.html，定位到 232 、235 行附近，修改 http 为 https

2、部署反向代理，配置域名，由 nginx 统一管理对外暴露端口，并修改 setting.js 相关设置为 你的域名:端口号

端口号为反向代理对外暴露的端口，这里我们部署在 443 端口对外提供 https 访问，这里不是你本地运行的服务端的端口号

反向代理示例，其中的 1230 为你自定义设置的在本地端口号，与启动脚本时设置的端口号一致，最好为 1025-65535 之间

location ^~ /
{
    proxy_pass http://127.0.0.1:1230;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header REMOTE-HOST $remote_addr;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection $connection_upgrade;
    proxy_http_version 1.1;

}

3.效果图：

随时关停的一个 demo，请最好使用魔法访问：

https://ai.7y.pw/webui

另外一个小坑是，不要使用 cf 去加速域名，前端样式会异常和报错，即使后台没有报错