vite接口跨域怎么设置
时间: 2024-06-09 10:11:23 浏览: 64
vue.config.js 配置跨域
在 Vite 中,可以通过配置 `server.proxy` 属性来实现接口跨域。
假设你的接口地址为 `https://api.example.com`,在 `vite.config.js` 中配置如下:
```javascript
export default {
server: {
proxy: {
// 将以 /api 开头的请求代理到 https://api.example.com
'/api': {
target: 'https://api.example.com',
changeOrigin: true,
rewrite: (path) => path.replace(/^\/api/, '')
}
}
}
}
```
上面的配置会将以 `/api` 开头的请求代理到 `https://api.example.com`,并将请求路径中的 `/api` 前缀删除。`changeOrigin` 选项表示是否改变请求的源,这里设置为 `true`,表示将请求的源改为代理的目标地址。
阅读全文