vite.config.js 解决跨域?
时间: 2023-09-25 22:14:09 浏览: 232
golang-websocket:使用golang和vite.js进行项目测试websocket
在 Vite 中解决跨域问题可以通过配置 `vite.config.js` 文件来实现。你可以按照以下步骤进行操作:
1. 在项目的根目录下创建一个名为 `vite.config.js` 的文件。
2. 在 `vite.config.js` 文件中,添加以下代码来配置跨域:
```javascript
export default {
server: {
proxy: {
// 在此处添加需要跨域的接口
'/api': {
target: 'http://example.com', // 设置跨域请求的目标地址
changeOrigin: true, // 是否改变请求源地址
rewrite: (path) => path.replace(/^\/api/, '') // 去掉请求路径中的 '/api' 前缀
}
}
}
}
```
3. 将 `http://example.com` 替换为你需要跨域请求的目标地址。
4. 将 `/api` 替换为你需要跨域的接口路径前缀。如果你的接口路径是 `/api/users`,那么你需要将其替换为 `/users`。
配置完成后,重新启动 Vite 开发服务器,跨域请求将会被代理到目标地址。例如,如果你发送一个请求到 `/api/users`,Vite 将会代理到 `http://example.com/users`。
这样就可以解决 Vite 中的跨域问题了。希望对你有帮助!如果有任何问题,请随时向我提问。
阅读全文