vue中的config.js文件中设置代理
这里的vue代理是 vue静态服务器做代理。使用的是http-proxy-middleware这个模块(这个模块相当于是node.js的一个插件)。示例代码://vue-cli3.0 里面的 vue.config.js做配置devServer: {proxy: {'/rng': {//这里最好有一个 /target: 'http://45.105.124.130:8081',// 后台接口域名w.
·
这里的vue代理是 vue静态服务器做代理。使用的是 http-proxy-middleware 这个模块(这个模块相当于是node.js的一个插件)。
示例代码:
//vue-cli3.0 里面的 vue.config.js做配置
devServer: {
proxy: {
'/rng': { //这里最好有一个 /
target: 'http://45.105.124.130:8081', // 后台接口域名
ws: true, //如果要代理 websockets,配置这个参数
secure: false, // 如果是https接口,需要配置这个参数
changeOrigin: true, //是否跨域
pathRewrite:{
'^/rng':''
}
}
}
}
我的 api='/rng'
我的请求地址 ${api}/xxxx/xxx
,请求地址就为 '/rng/xxxx/xxx'
当node服务器 遇到 以 '/rng' 开头的请求,就会把 target 字段加上,那么我的请求地址就为 http://45.105.124.130:8081/rng/xxxx/xxx
下面的 pathRewrite 表示的意思是 把/rng 替换为 空,那么我的请求地址就为 http://45.105.124.130:8081/xxxx/xxx(用在如果你的实际请求地址没有 rng 的情况)
实例代码:
proxy: {
'/baiduApi': {
target: 'http://api.map.baidu.com',
ws: true,
changeOrigin: true,
pathRewrite: {
'^/baiduApi': '/reverse_geocoding/v3/', // 代理的路径
},
},
}
作者:xilong
链接:https://www.jianshu.com/p/5ef2b17f9b25
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
更多推荐
已为社区贡献15条内容
所有评论(0)