vite中使用proxy代理解决跨域
时间: 2024-03-02 14:42:22 浏览: 199
使用代理解决跨域读取数据
5星 · 资源好评率100%
在 Vite 中,可以使用 `proxy` 选项来代理请求,解决跨域问题。
例如,我们可以在 `vite.config.js` 中配置一个代理,将所有 `/api` 开头的请求转发到 `http://localhost:3000`:
```js
export default {
proxy: {
'/api': {
target: 'http://localhost:3000',
changeOrigin: true
}
}
}
```
这样,当我们在应用中发起一个请求 `/api/users` 时,Vite 会将其转发到 `http://localhost:3000/api/users`,并将响应返回给应用。
其中,`changeOrigin` 选项用于修改请求头中的 `Host` 字段,使其与目标域名一致,以避免一些安全限制。
阅读全文