vue.config.js配置多个proxy 举例实现
时间: 2023-06-06 18:08:15 浏览: 131
vue 配置多页面应用的示例代码
可以在 vue.config.js 文件中使用以下代码配置多个 proxy:
module.exports = {
devServer: {
proxy: {
'/api1': {
target: 'http://localhost:3000',
changeOrigin: true,
pathRewrite: {
'^/api1': ''
}
},
'/api2': {
target: 'http://localhost:4000',
changeOrigin: true,
pathRewrite: {
'^/api2': ''
}
}
}
}
}
在上述代码中,配置了两个代理请求,一个是以 /api1 起始的请求会被代理到本地的 3000 端口上,另一个是以 /api2 起始的请求会被代理到本地的 4000 端口上。同时,changeOrigin 参数设置为 true 表示开启跨域请求,pathRewrite 参数用于转义请求路径中的部分内容。
阅读全文