微信公众号踩坑集合

Answer_Ming

已于 2023-07-18 10:06:46 修改

阅读量275

点赞数

分类专栏： js web 前端文章标签： javascript vue.js html

于 2021-02-27 18:28:33 首次发布

本文链接：https://blog.csdn.net/ZMM_Devil/article/details/114183479

版权

web 同时被 3 个专栏收录

31 篇文章 0 订阅

订阅专栏

前端

31 篇文章 1 订阅

订阅专栏

26 篇文章 0 订阅

订阅专栏

什么也不说,先让我吐槽吐槽，真的是神奇。很多地方你真的都想不明白为什么

一、本地开发时前端调用api报63002

问题就是本地项目，没有配置域名所以调用不了api。两种解决方案

1.使用测试号

2.前端项目使用内网穿透后，让后端的服务器使用nginx映射前端内网穿透后的域名（内网穿透本人使用花生壳）

二、如果是需要登录授权vue或者uniapp项目路由模式请使用 history

如果使用hash 再授权后页面返回会不成功具体原因请细读hash和history区别

三、本地开发时拍照或从手机相册中选图接口chooseImage uploadImage 会出现后端用media_id上传时报media_id错误

原因是因为web开发工具如果你使用web开发工具细心的会发现uploadImage返回的media_id都是一样的此时要用手机做调试才可以

四、安卓和ios区分 ios和安卓预览图片不一样需要做区分处理

ios使用chooseImage接口后得到的本地id 直接使用到image 是现实不出来图片的安卓确可以这时候就要做安卓ios区分看代码如果是ios需要使用getLocalImgData去转换成base64才可以显示

if (/android/i.test(navigator.userAgent)) {
       // 安卓手机
       getApp().globalData.model = 1;
}
if (/ipad|iphone|mac/i.test(navigator.userAgent)) {
       //  苹果手机
       getApp().globalData.model = 0;
}


/**
 * 如果是安卓直接使用微信本地id就可以显示，ios则需要getLocalImgData去转换成base64才可以显示
 */
this.$wx.downloadImage({
                serverId: id, // 需要下载的图片的服务器端ID，由uploadImage接口获得
                isShowProgressTips: 1,// 默认为1，显示进度提示
                success: (res) => {
                    if(getApp().globalData.model == 0) {
                        this.$wx.getLocalImgData({
                            localId: res.localId, // 图片的localID
                            success: (res) => {
                                return res.localData; // localData是图片的base64数据，可以用img标签显示
                            }
                        });
                    } else {
                        return res.localId
                    }
                }