小程序学习打卡

最近在学习移动端的开发，发现了uniapp这个框架，可以一套代码多端运行，这个框架的学习成本很低，因为它是基于vue的，所以对于vue的开发者来说，学习成本几乎为0。
几天下来的体验，发现uniapp的开发体验还是很不错的，但是也有一些坑。生态方面不如肯定是大大不如react、vue这些框架，但是对于一些小型项目来说，uniapp还是很不错的选择。

而且有一个一整套的开发工具，Dcloud也稍微体验了一下，可以脱离后端开发一个小项目。

有些比较麻烦的点，要是微信、支付宝、抖音、头条等等的小程序都要适配，这个就有点麻烦了，因为每个端的api有些不一样，有些功能也不一样，所以要是要适配的话，就要写一些平台相关的代码，这个就有点麻烦了。

网络请求api

接触小程序网络请求这块的时候，发现aioxs这个库在小程序端是不支持的，uniapp官方推荐使用uni.request这个api，但是这个api的使用方式和aioxs还是有一些差别的，所以我就封装了一个网络请求的库，方便以后的使用。

export default {
    CONFIG: {
        baseURL: 'https://apifoxmock.com/m1/4467012-0-default',
        // 请求拦截器，在请求之前执行
        beforeRequest(options = {}) {
            return new Promise((resolve, reject) => {
                options.url = this.baseURL + options.url
                options.method = options.method
                options.header = {
                    'Authorization': "testToken"
                }
                resolve(options)
            })
        },
        // 响应拦截器, 在响应之前执行
        beforeResponse(resp) {
            const {data} = resp

            if (data.code !== 200) {
                uni.showToast({
                    title: data.msg || '请求失败',
                    icon: 'error'
                })
            } else {
                return new Promise((resolve, reject) => {
                    resolve(data)
                })
            }

        }
    },
    // 请求进来，会先进入这个方法，然后进行请求拦截，请求拦截器处理完了之后，在进行实际的网络请求。
    // 响应返回之后，进入响应拦截器，响应拦截器处理完了之后，再返回给调用者。
    request(url, method, params = {}) {
        const config = {
            url,
            method: method || 'GET',
            data: params,
        }
        return this.CONFIG.beforeRequest(config).then(res => {
            // console.log(res)
            return uni.request(res)
        }).then(resp => {
            return this.CONFIG.beforeResponse(resp)
        })
    }
}