在HTML页面通过JavaScript访问Ollama本地部署的DeepSeek

指陡 · 2025-6-1 20:24:23

前排提醒：
1. 操作系统为Windows11
2. 如果你还没有使用Ollama本地部署DeepSeek，可以参考Windows系统上使用Ollama本地部署DeepSeek
3. 顺便解决了 HTML 页面调用 Ollama 服务的跨域问题
通过JavaScript访问本地DeepSeek服务的方式比较简单，可以直接参照以下HTML代码。注意： 要把 MODEL_NAME 修改为自己部署的DeepSeek版本

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>本地 DeepSeek 对话</title>
</head>
<body>
<textarea
id="input"
rows="4"
placeholder="请输入您的问题，例如：如何学习编程？"
></textarea>
<button onclick="sendToOllama()">发送问题</button>
</body>
</html>

复制代码

打开HTML页面后，可以进行对话，如下图所示。

注意： 如果直接双击打开HTML页面，可能会出现跨域（CORS）错误，此时需要在Ollama服务端启用 CORS支持。
第一步： 使用 WIN + R，搜索 “环境”，打开 “编辑系统环境变量”

第二步： 点击 “环境变量” 进入环境变量设置界面

第三步： 在系统变量这里，点击 “新建”

第四步： 变量名设置为 OLLAMA_ORIGINS，变量值设置为 *，然后一直点击确定，保存环境变量设置

第五步： 重启Ollama服务，跨域（CORS）错误即可解决

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

账号		自动登录	找回密码
密码			立即注册