uniapp封装request请求

request.js

export default function(config) {
    // 将配置参数中的地址结构出来
    const {baseURL} = config;
  
    // 真正插件
    return function (Vue) {
        Vue.prototype.http= async function (params) {
            // 结构请求相关参数
            const {url ,method, data,headers} = params
            // 显示加载框
            uni.showLoading({
                title:'加载中...',
                mask: 'true'
            })
            // 真正请求
            const header = {
                "content-type": "application/x-www-form-urlencoded",
                "ticket": uni.getStorageSync("ticket"),
                "cookie": "JSESSIONID=" + uni.getStorageSync("sessionid")
            };
            const res = await uni.request({
                url: baseURL+url,
                method,
                data,
                header: headers || header
            })
            uni.hideLoading();
            return res[1]
        }
    }
}

main.js

import Vue from 'vue'
import App from './App'
// 导入uni.request请求路径的封装
import request from '@/utils/request'
Vue.config.productionTip = false
App.mpType = 'app'
// 插件
const plugin = request({
  // baseURL:'http://********:8080/TSY'
  baseURL: 'https://***.***com/TSY'
});

Vue.use(plugin)
const app = new Vue({
  ...App
})
app.$mount()

使用请求

 this.http({
            url:'/api/pubshare/testPaper/getListJsonData',
            method:'post',
            data:{},
        }).then(res => {
            console.log('试卷',res)
            if(res.type == 'success'){
              this.shijuan = res.datas
            }
        }).catch(err =>{
        uni.showToast({
        title:'请求失败'
})
    })