首先在项目中安装http-proxy-middleware
中间件作为代理
npm i http-proxy-middleware -D
在config/index.js中配置代理proxyTable
module.exports = {
dev: {
proxyTable: {
'/proxy': {
target: 'http://ip.taobao.com', // 需要请求的地址
changeOrigin: true, // 是否跨域
pathRewrite: {
'^/proxy': '/' // 替换target中的请求地址,也就是说,在请求的时候,url用'/proxy'代替'http://ip.taobao.com'
}
}
}
}
使用示例
apiGet() {
axios
// 这里用'/proxy'代替了baseUrl
.get("/proxy/service/getIpInfo.php", {
params: {
ip: ""
}
})
.then(result => {
console.log(result);
})
.catch(err => {});
}