vite.config.ts中配置mock
时间: 2023-12-24 15:17:51 浏览: 133
在 `vite.config.ts` 文件中配置 mock 数据,你可以使用 Vite 的 `createServer` 方法来定义自定义的服务器路由和处理函数。以下是一个示例:
```typescript
import { defineConfig } from 'vite';
import { createServer } from 'vite';
export default defineConfig({
server: {
// 配置自定义的服务器
middleware: [
createServer((req, res) => {
if (req.url === '/api/mock') {
// 处理 mock 数据的逻辑
res.setHeader('Content-Type', 'application/json');
res.end(JSON.stringify({ message: 'Hello, mock data!' }));
}
}),
],
},
});
```
在上述示例中,我们使用 `createServer` 方法创建了一个自定义的服务器中间件。当请求路径为 `/api/mock` 时,我们返回了一个简单的 mock 数据。
你可以根据自己的需求修改 `createServer` 方法中的逻辑,来处理更复杂的 mock 数据。记得在 Vite 的配置文件中将该服务器中间件添加到 `server.middleware` 中。
希望能帮到你!如果还有其他问题,请随时提出。
阅读全文