uni app 封装接api接口

创建文件  base.js

let baseURL = '';
// 是否在控制台显示接口请求日志,本地环境启用,打包环境禁用
let showHttpLog = false;
// 测试环境
baseURL = 'https://api.apiopen.top/api';
// 正式环境
// baseURL = 'XXXXX.XXXXX.com';
module.exports = {
    baseURL: baseURL,
    showHttpLog: showHttpLog
}

 

创建文件 http.js

import {
    baseURL
} from './base.js'; //导入接口的前缀地址
export const myRequest = (options) => {
    return new Promise((resolve, reject) => {
        uni.request({
            url: baseURL + options.url, //接口地址：前缀+方法中传入的地址
            method: options.method || 'GET', //请求方法：传入的方法或者默认是“GET”
            data: options.data || {}, //传递参数：传入的参数或者默认传递空集合
            dataType: options.dataType || "json",
            headers: {
                'Authorization ': window.localStorage.getItem('token') //自定义请求头信息
            },
            success: (res) => {
                //返回的数据（不固定，看后端接口，这里是做了一个判断，如果不为true，用uni.showToast方法提示获取数据失败)
                // if (res.data.success != true) {
                //     return uni.showToast({
                //         title: '获取数据失败',
                //         icon: 'none'
                //     })
                // }
                // 如果不满足上述判断就输出数据
                resolve(res)
            },
            // 这里的接口请求，如果出现问题就输出接口请求失败
            fail: (err) => {
                console.log(err)
                reject(err)
            }
        })
    })
}

创建文案 lojin.js文件

import {myRequest} from './http.js'
export function login () {  //登录
    return myRequest({
        url:'/getHaoKanVideo?page=0&size=10',
        method:'get',
    })
}

使用 

methods: {
        async tijiao(){   //事件
           let res = await login()
           console.log(res);
        }
}