小程序踩坑日志,先给我叫个救护车!

341 阅读2分钟

小程序踩坑日志

解决了一些问题,又没解决一些问题,好气啊

1. uploadFile方法formData参数丢失的情况

wx.uploadFile({
      url:  'http://xxxx/image/upload', //上传接口
      // url: 'https://jsonplaceholder.typicode.com/posts/',
      header: {
        'Authorization': uni.getStorageSync('hy_user_token')
      },
      filePath: files.url,
      name:'image',  
      formData: {
        // 'photoType': 3 
        file: '@12a813663c4d7c56a43281ba8f296704.jpg',
        type: 'image/jpeg'
      },
      success: (uploadFileRes) => {
        uni.hideLoading();
        const back = JSON.parse(uploadFileRes.data);
        if (uploadFileRes.statusCode == 200) {	
          console.log(111);
        } else {
          uni.showToast(back.msg);
        }
      },
      fail: () => {
        uni.hideLoading();
      },
      complete: function() {
        uni.hideLoading();
      }
    });

image.png

最后处理:

后端修改接口。。。。(我在微信开发者平台挂了好几天的问题一点回复都没有,孩子心累啊!)

2.字体文件打包问题

【问题链接】:本地使用字体图标后,内容不被上传,该如何解决? 这个当时百度了,好多文章都说换个文件夹就好了,搞得我一度怀疑我是不是开发的假的微信小程序。。然后在允许上传的文件 看到这里,我放弃了。

总结:

不在下面白名单列表的文件不能上传哦,气死你

  1. wxs
  2. png
  3. jpg
  4. jpeg
  5. gif
  6. svg
  7. json
  8. cer
  9. mp3
  10. aac
  11. m4a
  12. mp4
  13. wav
  14. ogg
  15. silk
  16. wasm
  17. br
  18. cert 最总我选择上传到服务器,但是上传到服务器就就完事了嘛!没有

3.服务器字体文件访问失败!

问题:上传到了公司的服务器上,但是在微信开发者工具中,图标还可以正常显示,但是到了真机上之后,就是空白或者一个黑色的框? 我百度了无数次,尝试了以下的几个方法:

  • 配置白名单啊: image.png
  • wx.loadFontFace  这个API 最后都是:微信开发者工具可以正常显示,真机就显示不出来

最后:

我试了试阿里矢量库提供的cdn,是可以正常访问到图片的,那我好像发现了点什么,又没发现 image.png 在这个 小程序引用网络字体在安卓无效中发现了端倪

image.png 感谢万能的百度。。。哭了

经过和后端友好的协商,最后是给我配置了一下,可以正常访问了

4.体验版,不开启调试模式,无法访问接口

这个是最近要进行真机调试的问题,我的域名白名单都配置了,可是体验版,不开启调试模式,无法访问接口,开启了调试模式,就可以正常访问。。。。好家伙