这次给大家带来vue实现移动端微信公众号步骤详解,vue实现移动端微信公众号的注意事项有哪些,下面就是实战案例,一起来看一下。
自己用vue做微信公众号项目有一段时间了,遇到各种奇葩的问题,下面细数那些坑:
第一坑:微信分享导致安卓手机无法调起相册和无法调起微信充值
解决方案:
setTimeout(_ => { wx.config(sdkConfig) }, 500)
需要将微信分享延迟500毫秒,这样就解决了安卓手机无法调用相册和微信充值的问题,如果用了微信分享需要加个延迟。
第二坑:部分手机第三方输入法会将页面网上挤的问题
解决方案:
// 特定需求页面,比如评论页面,输入框在顶部之类的 const interval = setInterval(function() { document.body.scrollTop = 0; }, 100) // 注意关闭页面或者销毁组件的时候记得清空定时器 clearInterval(interval);
第三坑:部分地区移动4Gpost提交没有响应
本人vue项目是axios进行接口封装的,项目中老是出现一些地区请求发了没响应,后面经过排查后,后端只接受到了options请求,关键是只是个别用户出现这种情况,后面看到一遍文章https://itbilu.com/javascript/js/VkiXuUcC.html介绍了这些请求,不多说直接上代码
解决方案:
import axios from 'axios' import qs from 'qs' service.interceptors.request.use( config => { if(config.method === 'post'){ config.data = qs.stringify(config.data) } return config }, error => { console.log(error) Promise.reject(error) } )
项目做了也好几个月了,实在也没时间去发,后续还会把自己真实遇到的坑持续发布。。。
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读:
以上就是vue实现移动端微信公众号步骤详解的详细内容,更多请关注php中文网其它相关文章!
已抢65124个
抢已抢28582个
抢已抢15450个
抢已抢7752个
抢已抢9654个
抢已抢19645个
抢