神器Fiddler十分钟搞定本地调用微信jsapi接口这个是一个我本地的页面，然后红框里面的内容，就是用webpack打

前言

由于微信公众号安全域名的限制，一直无法在本地调用微信的jsapi接口，今天尝试了下用fiddler代理的方式，实现了本地环境来调用jsapi，一起来看看吧！

这个是一个我本地的页面，然后红框里面的内容，就是用webpack打包出来的资源和一些本地的资源等。

红框圈起来的地方是几个要配置的地方，很简单，都勾选上就好了，主要来看一下这个规则怎么配置，我这边就是加了一个规则，把m.hsyuntai.com下面的资源都指到我本地的资源（下面的那个ip就是我本地的），这样，就能在线上访问我本地的页面拉，就像下面这个图一样：

上图中，其实线上是没有这个页面的，是通过代理到本地来实现；

这样代理过来的话，域名就是微信公众号的安全域名了，这样在配置wx.config的时候就不会报错。

注意：需要和电脑连同一个wifi 点击红色框框的感叹号，出现下图：

继续点击配置代理，出现下图：

这里改成手动的，然后配置服务器为你电脑的ip,端口是fiddler的端口，一般是8888，不确定的也可以在fiddler里面查看；鉴定无需管他。到这里，就配置的差不多了，然后在手机上打开线上的地址看一下，如下图：

通过这种方式，就能在手机上就能通过访问线上地址来打开本地页面了，然后就能调用微信的jsapi接口啦！来看下效果，如下图：

没毛病！这样就实现了用本地代码来调用微信的jsapi接口，是不是很方便呢！

通过代理方式，最主要的是解决的安全域名的问题，这个问题解决了，剩下的我觉得就都不是问题了，你们觉得呢！