vue排除proxyTable配置错误调试方法

本文指导如何在Node.js的webpack-dev-server中添加http-proxy-middleware代理的debug日志,通过修改http-proxy/common.js并定位到处理URL的代码。适合排查Express与VueProxyTable的代理设置问题。

解决方法

打开 node_modules\http-proxy\lib\http-proxy\common.js

106行回车添加一下代码,就能打印代理的地址

console.log('proxy:',outgoing.headers.host,outgoing.port,outgoing.path)

源码分析

找了半天webpack的debug开启方法,如下

 debug: true,
  plugins: [
   new webpack.LoaderOptionsPlugin({
     debug: true
   })
  ]

然而并没有什么用,没见debug日志

只能用最原始的console.log()debug了

vue proxyTable 是基于 webpack-dev-server 实现的
webpack-dev-server是基于 express 实现的
express代理功能是通过 http-proxy-middleware实现的
http-proxy-middleware代理功能是通过http-proxy包实现的

定位 http-proxy中处理url的 js
所以console.log加在http-proxycommon.js

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

isyoungboy

给钱是不可能的

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值