axios跨域代理配置
时间: 2023-11-04 20:00:16 浏览: 86
axios和vue跨域
可以尝试在配置文件中添加以下代码:
```javascript
module.exports = {
devServer: {
// ...
proxy: {
'/api': {
target: 'http://api.example.com', // 实际要请求的服务器URL
changeOrigin: true, // 允许跨域
pathRewrite: { // 重写路径
'^/api': ''
}
}
}
}
}
```
这样,在前端请求后端API时,只需要将请求的路径改为`/api`开头即可。比如请求`http://api.example.com/test`,可以写成`/api/test`,axios会将`/api`重写为实际请求的服务器URL,并加上`/test`,从而实现跨域请求。
阅读全文