首先我们在项目根目录下建立config.js
config.js参考代码

const config = {
    api_base_url:'http地址',//接口前拼接的域地址
    appkey:"用户key"//当前用户的key值
}
export {config}

利用export导出config
之后我们在项目根节点建立文件夹util 在util下建立http.js
在http.js中导入config.js中的config
需要注意的是 用ES6导入的文件是不能用绝对路径的

import {config} from "../config.js"

之后我们在http.js中封装一个发请求的类

class HTTP{
    request(params){
        wx.request({
            url: config.api_base_url+params.url,
            method:params.method,
            data:params.data,
            header: {
                "content-type":"applion/json",
                "appkey":config.appkey
            },
            success:(res)=>{
                let Code = res.statusCode.toString()
                if(Code.startsWith("2")){
                    params.success(res.data);
                }else{
                    wx.showToast({
                        title:"服务器错误请稍后重试",
                        icon:"none",
                        duration:2000
                    })
                }
            },
            fail:(err)=>{
                wx.showToast({
                    title:"系统异常",
                    icon:"none",
                    duration:2000
                })
            }
        })
    }
}

最后导出这个类

export {HTTP}

之后我们就可以在具体组件的js中调用了
首先我们引入HTTP类并实例化

import {HTTP} from "../../util/http.js"

let http = new HTTP();

之后就可以通过实例化的类调用方法了

   http.request({
      url:'接口地址',
       method:'请求类型',
       data:{},
       success:(res)=>{
           console.log(res);
       }
     })