vue實現行動端微信公眾號步驟詳解

這次帶給大家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中文網其它相關文章！

推薦閱讀：

JS設計模式中鍊式呼叫使用解析

vue-cli專案中增加後台mock接口步驟詳解

以上是vue實現行動端微信公眾號步驟詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！