vue.config.js配置多个跨域请求,但是只有第一个生效
时间: 2024-12-22 17:05:12 浏览: 2
vue - vue.config.js中devServer配置方式
在Vue项目中,`vue.config.js`文件用于配置开发服务器和其他构建选项。如果你需要配置多个跨域请求,但发现只有第一个生效,可能是由于配置方式的问题。以下是一个正确的配置示例,展示了如何在`vue.config.js`中配置多个跨域请求:
```javascript
module.exports = {
devServer: {
proxy: {
'/api1': {
target: 'http://api1.example.com',
changeOrigin: true,
pathRewrite: { '^/api1': '' }
},
'/api2': {
target: 'http://api2.example.com',
changeOrigin: true,
pathRewrite: { '^/api2': '' }
},
'/api3': {
target: 'http://api3.example.com',
changeOrigin: true,
pathRewrite: { '^/api3': '' }
}
}
}
}
```
在这个配置中:
1. **`/api1`**:所有以`/api1`开头的请求都会被代理到`http://api1.example.com`,并且路径中的`/api1`会被重写为空。
2. **`/api2`**:所有以`/api2`开头的请求都会被代理到`http://api2.example.com`,
阅读全文