uniapp开发微信公众号,有一个痛点,就是每次要发布到线上,然后debug,效率低。

解决办法:查了很多百度==(参考在本地调试微信页面,只需三步 - 知乎 (zhihu.com) (37条消息) uniapp 项目中 报错Invalid Host header时该如何处理_gaoqiang1112的博客-CSDN博客

  1. 微信公众号绑定一个域名,

  1. 本地host文件修改:

一般在这个目录C:\Windows\System32\drivers\etc

  1. 这步很重要,针对uniapp框架

manifest.json这个文件中,

  1. web配置端口为80(域名默认端口是80啊),

  1. 点击源码视图,"disableHostCheck" : true (这一步最重要,因为再vue.config.js中配置这个,大概率没用,当然也可以再vue.config.js中添加这行,以防万一情况==)

  1. 最终效果如下图

4.打开微信开发者工具,就可以调试本地代码了(如果没有权限,要再微信web开发者中添加当前账号)

5.如果遇到ip无法刷新,cmd使用命令: ipconfig/flushdns

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐