在 Vite 中,你可以使用
示例和说明
假设你有一些 API 请求需要代理到本地的一个开发服务器,你可以按照以下步骤进行配置:
- 在项目根目录下创建一个
vite.config.js 文件(如果还没有的话)。 - 在
vite.config.js 文件中添加以下代码:
// vite.config.js export default { server: { proxy: { // 代理路径 '/api': { // 目标地址 target: 'http://localhost:3000', // 是否改变请求的源地址,这里设置为 true,表示强制使用绝对路径 changeOrigin: true, // 路径重写规则,这里将 /api 开头的请求路径替换为空字符串,即去掉 /api 前缀 rewrite: (path) => path.replace(/^/api/, '') } } } }
在上面的示例中,我们配置了一个代理规则,将所有以
这样配置后,当你运行 Vite 开发服务器时,所有发送到
请注意,代理功能仅在 Vite 开发模式下生效。在生产构建或部署时,代理设置将不会生效。