更新记录

1.0（2023-08-27）

无

平台兼容性

1.在项目根目录创建libs文件夹 并在libs文件夹下创建配置config.js文件，代码如下 ：

//libs文件夹下面创建一个congfig.js 这里存放公共请求接口url
const config = {
     baseUrl: 'http://xxx/',
}
export default config

2. 在libs文件创建http.js文件 代码如下：

// http.js文件 
import config from './config'
const http = (options) => {
    return new Promise((resolve, reject) => {
        uni.request({
            header: {
                'Content-Type': 'application/json; charset=utf-8',
                'Authorization': uni.getStorageSync('token') ? uni.getStorageSync(
                    'token') : '' //这里就是后端返回的token 登录接口返回token后通过uni.setStorageSync('token', token)设置
            },
            url: config.baseUrl + options.url,
            method: options.method || 'GET',
            data: options.data || {},
            timeout: 20000,
            success: (res) => {
                // 这里就是后端返回的信息，根据后端定义的字段，前端来进行处理，我这边就是用的code来进行判断提示
                // if (res.data.code != 0) {
                //  if (res.data.code == 1001) {
                //      uni.showToast({
                //          title: res.data.msg,
                //          icon: "none"
                //      })

                //  } else if (res.data.code == 1002) {
                //      uni.showToast({
                //          title: res.data.msg,
                //          icon: "none"
                //      })
                //      setTimeout(() => {
                //          let path = 'pages/login/index'
                //          uni.$u.route({
                //              url: path,
                //          })
                //      }, 1000)
                //  } else {
                //      uni.showToast({
                //          title: '内部错误',
                //          icon: "none"
                //      })
                //  }
                // }
                resolve(res.data)
            },
            fail: (err) => {
                uni.showToast({
                    title: '网络连接失败，请打开网络!',
                    icon: "none"
                })
                reject(err)
            }
        })
    })
}
export default http

3. 在配置页面调用接口的公共api.js，不会的看插件图例：

// apijs 的代码如下
import http from '@/libs/http'
// api
export const xxxApi = (data) => {
    return http({
        url: `/xxx`,
        data,
        method: "POST",
    })
}
//不传method 默认是GET请求
export const yyyApi = (data) => {
    return http({
        url: `/yyy`,
        data,
    })
}

4. 页面调用接口：

// apijs 的代码如下
<script>
    import {
        xxxApi
    } from './api/index.js'

    methods:{
        async testApi(){
            const data = await xxxApi({
                xxx:'参数1'
            })
        }
    }
</script>