指陡 发表于 2025-6-1 20:24:23

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

前排提醒:
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>
            <buttononclick="sendToOllama()">发送问题</button>
      
      
   

   
</body>
</html>打开HTML页面后,可以进行对话,如下图所示。

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

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

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

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

第五步: 重启Ollama服务,跨域(CORS)错误即可解决

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: 在HTML页面通过JavaScript访问Ollama本地部署的DeepSeek