神器Fiddler十分钟搞定本地调用微信jsapi接口

微信公众号安全域名的限制，一直无法在本地调用微信的jsapi接口，今天尝试了下用fiddler代理的方式，实现了本地环境来调用jsapi，一起来看看吧！文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/15762.html

首先打开一个本地项目如下

这个是一个我本地的页面，然后红框里面的内容，就是用webpack打包出来的资源和一些本地的资源等。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/15762.html

接下来要打开我们的神器Fiddler，界面如下:

红框圈起来的地方是几个要配置的地方，很简单，都勾选上就好了，主要来看一下这个规则怎么配置，我这边就是加了一个规则，把m.hsyuntai.com下面的资源都指到我本地的资源（下面的那个ip就是我本地的），这样，就能在线上访问我本地的页面拉，就像下面这个图一样：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/15762.html

上图中，其实线上是没有这个页面的，是通过代理到本地来实现；文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/15762.html

说说这样能解决的问题吧

这样代理过来的话，域名就是微信公众号的安全域名了，这样在配置wx.config的时候就不会报错。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/15762.html

接下来，把资源代理到手机上，来看下面的图，看看怎么操作吧：

注意：需要和电脑连同一个wifi 点击红色框框的感叹号，出现下图：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/15762.html

继续点击配置代理，出现下图：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/15762.html

这里改成手动的，然后配置服务器为你电脑的ip,端口是fiddler的端口，一般是8888，不确定的也可以在fiddler里面查看；鉴定无需管他。 到这里，就配置的差不多了，然后在手机上打开线上的地址看一下，如下图：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/15762.html

通过这种方式，就能在手机上就能通过访问线上地址来打开本地页面了，然后就能调用微信的jsapi接口啦！来看下效果，如下图：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/15762.html

没毛病！这样就实现了用本地代码来调用微信的jsapi接口，是不是很方便呢！文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/15762.html