vue를 사용하여 모바일 WeChat 공개 계정을 만드는 방법

이번에는 vue를 사용하여 모바일 위챗 공식 계정을 만드는 방법과 vue를 사용하여 모바일 위챗 공식 계정을 만들 때 어떤 노트가 있는지 보여드리겠습니다.

첫 번째 함정: WeChat 공유로 인해 Android 휴대전화에서 사진 앨범과 WeChat 충전이 열리지 않습니다.

해결책:

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

WeChat 공유를 500밀리초 지연해야 문제를 해결합니다. Android 휴대폰에서 사진 앨범을 로드할 수 없습니다. WeChat으로 충전하는 경우 WeChat을 사용하여 공유하는 경우 지연을 추가해야 합니다.

두 번째 구덩이: 휴대폰의 일부 타사 입력 방법은 온라인 페이지를 압박합니다

해결책:

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

세 번째 구덩이: 일부 지역에서는 모바일 4Gpost 제출이 응답하지 않습니다

내 vue 프로젝트는 Axios가 인터페이스 캡슐화를 구현한 것입니다. 프로젝트에서 항상 일부 영역에서 요청이 있지만 응답이 없습니다. 나중에 조사한 결과 백엔드에서는 이러한 상황이 개별 사용자에게만 발생한다는 것이 핵심입니다. laterhttps: //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 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:

Node.js+콘솔 출력 로그 파일 예제 분석

Vue를 사용하여 드래그 앤 드롭 효과를 얻는 방법

위 내용은 vue를 사용하여 모바일 WeChat 공개 계정을 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!