项目会不断迭代,有需求欢迎issue 如果能帮到你,那就给个star呗!
- 【小程序taro最佳实践】http请求封装(方便使用,增加token,统一错误日志记录和上报)
- 【小程序taro 最佳实践】异步action优雅实践(简化流程)
- 【taro最佳实践】设置好基础开发字体尺寸
- 封装api请求方式
- 更方便的创建action:增加createApiAction
- 基础像素试着为1倍即:1px 会编译成 2rpx(小程序默认是2倍)符合习惯
- 基础demo案列
npm i
npm start
未封装前
function articleList(data) {
return { type: LIST, payload: data }
}
export function list() {
console.log('list')
return (dispatch) => {
// service.get('/v1/article/list')
// .then((res) => {
// dispatch(articleList(res.data.article))
// })
Taro.request({
url: 'http://api.shudong.wang/v1/article/list',
data: {
foo: 'foo',
bar: 10
},
header: {
'content-type': 'application/json'
}
}).then((res) => {
dispatch(articleList(res.data.article))
})
}
}
封装后请求api的使用方式
export const list = createApiAction(LIST, params => api.get('news/list', params))