关于小程序的坑之Taro框架

公司产品试水小程序，做了几个独立功能模块的demo试下可行性，主要是这个框架和react语法基本相同，避免大家学习成本过高，以下记录几个容易粗心的点和坑，maybe很弱智。

由于日常用的axios请求参数的头是headers，复制粘贴大法引发了一个弱智bug，该bug会引发 content-type 设置失效，变成默认的 application/json 。

微信模板语言中，监听自定义组件事件的方法与监听基础组件事件的方法完全一致：

因此Taro中监听自定义组件事件的方法要写成

渲染成微信小程序模板语言时变成

以自定义导航为例：（）

使用方法：

例：res.model在iPhone X模拟器输出"iPhone X"，在真机输出 "iPhone X (GSM+CDMA)<iPhone10,3>" ，所以此处用indexOf而不能用 "==="

Taro.request()支持get和post请求，通过异步的方式进行回调。主要有3个回调方法

所以，对statusCode !== 200 的情况，都应在success回调方法中处理，可以写个拦截器，在微信原生方法wx.request()中存在相同情况。

npm提示某某包undefined，一个一个重新安超浪费时间，目前我的解决办法是退出编译后删掉渲染成微信小程序模板语言的dist文件夹和node_modules文件夹，然后重新运行 npm i 和 npm run dev:weapp

还遇到挺多问题。。想不起来了。。待更新吧。。。

下水了，后续问题记录口以看这里 https://www.jianshu.com/p/5a6fd7fdaf4f

登录上了打开本地项目也进不去，出现“ 网络错误 statusCode : 404 ”，不知道什么情况。有时可以了，但调用wx.login或wx.getUserInfo也会出现404.

微信小程序启动进行自动登录问题，偶尔提示code过期，是由于onLaunch启动进行自动登录时，code提交到服务端，还未返回结果，页面page上执行onload请求部分需要登录的接口--由于此时还未返回登录信息，--认为当前未登录--跳转到登录页，登录界面服务端返回自动登录用户信息，此时登录界面用户点击登录按钮，提示code已被使用，无法在进行登录 *** 作，原理上就是onLaunch未执行完就执行了page--onload导致出现问题，解决办法，控制执行完onLaunch再去执行page--onload，有以下3中方法：

解决办法

定义回调函数, onload里获取不到东西就一直获取，不执行下一步 *** 作，直到获取到app.js的数据才继续执行。若login返回为空，则给app.js注册一个loginSuccessCallback回调，这个回调方法的执行时机，就是app.js中的异步请求完毕

把 app.js 中的 onLaunch 中方法拿到 index.js 文件中，按照自己的逻辑写

使用promise

1.

2.

3.

---