# Vite 开发环境如何代理 API

URL: https://caijiao.org/how-to/javascript/vite-proxy-api
Source: docs/how-to/javascript/vite-proxy-api.md
Description: Vite 开发环境如何代理 API：在 server.proxy 中把接口前缀代理到后端服务，避免开发期跨域。 示例可直接复制到浏览器或项目代码中，并附相关教程、工具入口。

## 快速答案

在 server.proxy 中把接口前缀代理到后端服务，避免开发期跨域。

```js
export default defineConfig({
  server: { proxy: { '/api': 'http://localhost:3000' } }
});
```

## 使用要点

- Node 和 Vite 示例要确认当前运行目录、环境变量前缀和操作系统差异。
- 脚本写文件、执行命令或读取路径前，先打印一次目标路径便于排查。

## 相关内容

- [JavaScript / TypeScript 问题](/how-to/javascript/)
- [JavaScript 教程](/javascript/)
- [TypeScript 教程](/ts/)
- [JSON Formatter](/tool/json-formatter)
- [JSON Validator](/tool/json-validator)