Detaillierte Erläuterung der Schritte zur Implementierung eines öffentlichen WeChat-Kontos auf einem mobilen Endgerät mit Vue

Dieses Mal erkläre ich Ihnen ausführlich die Schritte zur Implementierung des öffentlichen WeChat-Kontos auf dem mobilen Endgerät mit Vue. Welche Vorsichtsmaßnahmen gibt es für die Implementierung des öffentlichen WeChat-Kontos auf dem mobilen Endgerät mit Vue? . Hier ist ein praktischer Fall, werfen wir einen Blick darauf.

Ich verwende Vue schon seit einiger Zeit für öffentliche WeChat-Kontoprojekte und bin auf alle möglichen seltsamen Probleme gestoßen:

Die erste Falle: WeChat Das Teilen führt zu Android. Das Telefon kann das Fotoalbum nicht öffnen und das Aufladen von WeChat kann nicht geöffnet werden.

Lösung:

setTimeout(_ => {
      wx.config(sdkConfig)
     }, 500)

Sie müssen die WeChat-Freigabe um 500 Millisekunden verzögern. was das Problem für Android-Telefone löst. Das Problem, dass das Fotoalbum nicht aufgerufen und nicht über WeChat aufgeladen werden kann, erfordert eine Verzögerung, wenn die Freigabe über WeChat verwendet wird.

Die zweite Gefahr: das Problem, dass einige Eingabemethoden von Drittanbietern auf Mobiltelefonen die Seite online zusammendrücken

Lösung:

// 特定需求页面，比如评论页面，输入框在顶部之类的
const interval = setInterval(function() {
  document.body.scrollTop = 0;
}, 100)
// 注意关闭页面或者销毁组件的时候记得清空定时器
clearInterval(interval);

Die dritte Grube: Mobile 4Gpost-Einreichung reagiert in einigen Bereichen nicht

Mein Vue-Projekt ist eine von axios gekapselte Schnittstelle. Im Projekt gibt es immer Anfragen aus einigen Bereichen werden gesendet, aber nach der Untersuchung hat das Backend nur die Optionsanfrage erhalten. Der Schlüssel ist, dass diese Situation nur bei einzelnen Benutzern auftritt. https://itbilu.com/ Javascript/js/VkiXuUcC .HTML führtdiese Anfragen gehen ohne weitere Erklärung direkt zum Code

Lösung:

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

Das Projekt läuft schon seit mehreren Monaten. Ich habe wirklich keine Zeit, es zu posten, daher werde ich in Zukunft weiterhin die Fallstricke posten, auf die ich tatsächlich gestoßen bin. . .

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Analyse der Verwendung von Kettenaufrufen im JS-Entwurfsmuster

Hintergrundmock zum Vue-Cli-Projekt hinzufügen Detaillierte Erläuterung der Schnittstellenschritte

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Schritte zur Implementierung eines öffentlichen WeChat-Kontos auf einem mobilen Endgerät mit Vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!