deepseek本地部署怎么接入vue项目

### 如何在本地部署的 DeepSeek 中接入 Vue 项目 #### 1. 准备工作 为了将 DeepSeek 和 Vue 项目集成在一起，首先要确保已经成功完成了 DeepSeek 的本地部署。根据官方指南[^1]，DeepSeek 提供了一个代理服务 `http://localhost:11434` 可用于访问已部署的模型 deepseek-r1。 #### 2. 创建 API 接口 为了让前端应用能够调用到后台的服务接口，在服务器端需要创建 RESTful 或 GraphQL 类型的数据交换接口来连接前后端。假设使用 Node.js Express 来构建简单的 HTTP Server： ```javascript const express = require('express'); const axios = require('axios'); // 初始化Express实例 let app = express(); app.use(express.json()); // 设置跨域资源共享(CORS)，允许来自任何源的请求 app.use((req, res, next) => { res.header("Access-Control-Allow-Origin", "*"); res.header( "Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept" ); next(); }); // POST /api/deepseek 路由处理函数 app.post('/api/deepseek', async (req, res) => { try { const response = await axios({ method: 'post', url: 'http://localhost:11434/v1/models/deepseek-r1:predict', data: req.body, }); res.status(200).json(response.data); } catch (error) { console.error(error); res.status(500).send({ message: error.message }); } }); // 启动监听 app.listen(8080, () => { console.log('Server is running on port 8080.'); }); ``` 此部分代码实现了通过 `/api/deepseek` 这一路由接收从前端发来的预测请求，并转发给 DeepSeek 模型进行推理计算，最后返回结果给客户端。 #### 3. 修改 Vue 项目的 Axios 请求地址 接下来修改 Vue 项目中的 Axios 配置文件或者直接在网络请求的地方指定新的 URL 地址指向上述新建好的 API Gateway: ```javascript import axios from 'axios'; export default axios.create({ baseURL: 'http://your-server-ip-or-domain:8080/api/', timeout: 10000, }); ``` 这里需要注意的是要替换掉 `"http://your-server-ip-or-domain"` 成实际运行环境下的 IP 地址或者是域名[^2]。 #### 4. 测试联调 完成以上设置之后就可以启动两个程序并尝试发送一些样例数据来进行初步的功能验证了。如果一切正常的话应该可以看到从浏览器发起的 AJAX 请求经过中间件最终到达 DeepSeek 并获得响应。