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)
  }
)

 

項目作了也好幾個月了，實在也沒時間去發，後續還會把本身真實遇到的坑持續發佈。。。

好了，該工做了...