vite vue proxy代理 request 怎么配置
时间: 2024-06-13 07:05:33 浏览: 184
Vue中如何实现proxy代理
vite vue项目中配置代理可以通过在vite.config.js文件中添加proxy选项来实现。具体步骤如下:
1. 在项目根目录下创建vite.config.js文件。
2. 在vite.config.js文件中添加proxy选项,例如:
```javascript
export default {
proxy: {
'/api': {
target: 'http://localhost:3000',
changeOrigin: true,
rewrite: (path) => path.replace(/^\/api/, '')
}
}
}
```
上述代码表示将以/api开头的请求代理到http://localhost:3000,并将请求路径中的/api前缀去掉。
3. 在vue组件中使用代理请求数据,例如:
```javascript
axios.get('/api/data')
.then(response => {
console.log(response.data)
})
.catch(error => {
console.log(error)
})
```
上述代码表示使用axios库发送以/api/data为路径的请求,并在控制台输出响应数据。
阅读全文