1、介紹
這里的vue代理是 vue靜態(tài)服務(wù)器做代理。使用的是 http-proxy-middleware 這個(gè)模塊（這個(gè)模塊相當(dāng)于是node.js的一個(gè)插件）。
2帐偎、實(shí)際代碼
//vue-cli3.0 里面的 vue.config.js做配置
devServer: {
proxy: {
'/rng': { //這里最好有一個(gè) /
target: 'http://45.105.124.130:8081', // 后臺(tái)接口域名
ws: true, //如果要代理 websockets，配置這個(gè)參數(shù)
secure: false, // 如果是https接口蛔屹，需要配置這個(gè)參數(shù)
changeOrigin: true, //是否跨域
pathRewrite:{
'^/rng':''
}
}
}
}
我的 api='/rng'
我的請(qǐng)求地址 ${api}/xxxx/xxx 削樊，請(qǐng)求地址就為 '/rng/xxxx/xxx'
當(dāng)node服務(wù)器 遇到 以 '/rng' 開(kāi)頭的請(qǐng)求，就會(huì)把 target 字段加上，那么我的請(qǐng)求地址就為 http://45.105.124.130:8081/rng/xxxx/xxx
下面的 pathRewrite 表示的意思是 把/rng 替換為 空漫贞，那么我的請(qǐng)求地址就為 http://45.105.124.130:8081/xxxx/xxx（用在如果你的實(shí)際請(qǐng)求地址沒(méi)有 rng 的情況）
