module.exports = {
devServer:{
proxy:{
'/api':{
target:'http://localhost:3000',//目标路径
changeOrigin:true //可省 请求头中的 原点
pathRewrite:{
'^/api':'' //把 /api 替换成 ''
}
}
}
}
}
文字描述 :vue中的proxy反向代理 利用的是服务器之间解决跨域
当你请求目标路径 '/api/:url'的时候 会被proxy 拦截 因为你在 devServer配置的 就是 '/api'开头的 路径 ,proxy对你 的 路径 替换成你配置的真实 路径 ' http://localhost:3000/api/:url'
最后重写路径 把 '/api' 替换成 ' '
等于你还是请求的 'http://localhost:3000/:url' ,此时就可以解决跨域了