一、介绍
这里的vue代理是 vue静态服务器做代理。使用的是 http-proxy-middleware 这个模块(这个模块相当于是node.js的一个插件)。
二、代码实现
2.1、配置代理
可以配置多个
//vue-cli3.0 里面的 vue.config.js做配置
devServer: {
proxy: {
'/test': { //这里最好有一个 /
target: 'http://hostname:port', // 后台接口域名
ws: true, //如果要代理 websockets,配置这个参数
secure: false, // 如果是https接口,需要配置这个参数
changeOrigin: true, //是否跨域
pathRewrite:{
'^/rng':''
}
}
}
}
2.2、请求接口
axios({
method: "get",
url: "/test/资源路径", //使用 api+具体接口路径
params: {
id:1
}
}).then(function(res) {
console.log(res)
})