module.exports = {
// 代理服务器
devServer: {
proxy: {
// 配置第一个服务器地址'
'/api': {
// changeOrigin为true的时候代表跨域, 请求接口的时候会自动加上api前缀,前提是api被设置为基准地址
target: '', //这里填写你要请求的服务器地址
ws: true, //如果要代理 websockets,配置这个参数
secure: true, // https协议需要则设置为true 否则设为false
changeOrigin: true,//配置接口跨域
pathRewrite: {
'^/api': '/'
//重写请求地址
}
},
// 配置第二个服务器地址
'/local': {
target: '',
changeOrigin: true,
pathRewrite: {
'^/local': '/'
}
},
}
}
}
vue.config配置多个地址跨域
最新推荐文章于 2024-10-08 02:10:34 发布
本文介绍如何使用Node.js配置代理服务器来实现接口跨域。通过配置不同的代理目标,可以轻松解决开发环境中API请求的跨域问题。具体包括针对'/api'和'/local'路径的代理设置,以及changeOrigin和pathRewrite等关键参数的使用。
摘要由CSDN通过智能技术生成