vite.config.js配置代理
时间: 2023-09-27 12:07:36 浏览: 119
vite.config.js
你可以在 `vite.config.js` 文件中配置代理。以下是一个示例配置:
```javascript
// vite.config.js
export default {
server: {
proxy: {
'/api': {
target: 'http://api.example.com', // 代理的目标地址
changeOrigin: true,
rewrite: (path) => path.replace(/^\/api/, '') // 可选的路径重写规则
}
}
}
}
```
在上面的示例中,所有以 `/api` 开头的请求将被代理到 `http://api.example.com`。`changeOrigin` 选项用于修改请求头中的 `Host` 字段,以便目标服务器能正确识别请求的域名。`rewrite` 选项用于将请求路径重写为目标服务器所期望的格式。
你可以根据需要添加更多的代理规则,每个规则都是一个键值对,其中键是匹配的路径前缀,值是代理的目标地址。
更多关于 Vite 代理配置的信息可以参考 Vite 官方文档:[https://vitejs.dev/config/#server-proxy](https://vitejs.dev/config/#server-proxy)。
阅读全文