当前位置:   article > 正文

uniapp用axios 真机调试报错:TypeError: adapter is not a function_uniapp 加上axios.defaults.adapter真机获取报错

uniapp 加上axios.defaults.adapter真机获取报错

分析原因:

uniapp的axios不适配
  • 1

解决办法:

用uni封装一个request请求
  • 1

一.新建config.js文件

// 域名地址
export const VUE_APP_API_URL = '测试地址'; 		//测试 → 接口域名
  • 1
  • 2

二.新建utils/http.js文件

import {
	VUE_APP_API_URL
} from '../config/index.js'
 
// 加载信息,带遮罩
let needLoadingRequestCount = 0;
let loadingTimer;
function showLoading(title = '', mask = true) {
	if (needLoadingRequestCount === 0) {
		uni.showLoading({
			title,
			mask
		});
 
		// 最长10s自动关闭
		loadingTimer = setTimeout(() => {
			if (needLoadingRequestCount > 0) {
				uni.hideLoading();
			}
		}, 10000);
	}
 
	needLoadingRequestCount++;
}
 
// 隐藏遮罩
 function hideLoading() {
	if (needLoadingRequestCount <= 0) return;
 
	needLoadingRequestCount--;
 
	if (needLoadingRequestCount === 0) {
        loadingTimer && clearTimeout(loadingTimer);
		uni.hideLoading();
	}
}
 
export const apiResquest = (urls,data) => { //prams 为我们需要调用的接口API的参数 下面会贴具体代码
 
  
 
    // 判断请求类型
 
    let headerData = {
		'token': uni.getStorageSync('token'),
        'content-type': 'application/json'
 
    }
    let dataObj = null
        //因为我们的GET和POST请求结构不同这里我们做处理,大家根据自己后台接口所需结构灵活做调整吧
	 dataObj = data
 
 //    if (prams.method === "GET") {
 
 //        headerData = {
 
 //            'content-type': 'application/json',
 
 //            'token': uni.getStorageSync('token')
 
 //        }
 
 //    } else {
	
 //        dataObj = prams.query
 
 //    }
 
    return new Promise((resolve, reject) => {
 
        let url = VUE_APP_API_URL + urls; //请求的网络地址和局地的api地址组合
 
        showLoading('加载中', true)
		hideLoading()
		//showLoading和hideLoading必须配合使用
        return uni.request({
 
            url: url,
 
            data: dataObj,
 
            method: 'POST',
 
            header: headerData,
 
            success: (res) => {
				
                if (res.data.status !== 200) {
 
                    uni.showToast({
 
                        title: '获取数据失败:' + res.data.msg,
 
                        duration: 1000,
 
                        icon: "none"
 
                    })
                    return;
 
                }
 
                resolve(res.data);
 
            },
 
            fail: (err) => {
 
                reject(err);
                console.log(err)
 
            },
 
            complete: () => {
              
            }
 
        });
 
    })
 
}



  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105
  • 106
  • 107
  • 108
  • 109
  • 110
  • 111
  • 112
  • 113
  • 114
  • 115
  • 116
  • 117
  • 118
  • 119
  • 120
  • 121
  • 122
  • 123
  • 124
  • 125

三.新建api管理文件api/index.js

// 管理接口地址
import { apiResquest } from '../utils/http.js'

//登录
export const getLogin = (data) => apiResquest('user/login',data)
  • 1
  • 2
  • 3
  • 4
  • 5

四.页面调用api

import {getLogin } from '../../api/index.js'
//调用方法
		getUserInfo({}).then((res)=>{
					 if(res.status == 200){	
				 }
		})
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/天景科技苑/article/detail/828847
推荐阅读
相关标签
  

闽ICP备14008679号