這次帶給大家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) } )
以上是vue實現行動端微信公眾號步驟詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!