uni-app api.js 配置全局接口请求

最新推荐文章于 2024-11-18 17:24:25 发布

原创最新推荐文章于 2024-11-18 17:24:25 发布 · 1.9k 阅读

3 ·

CC 4.0 BY-SA版权

uniapp 专栏收录该内容

1 篇文章

订阅专栏

该博客主要探讨了在uni-app中如何管理和发送HTTP请求，特别是涉及需要登录验证的接口。通过引入common、qs和配置文件，实现了一个名为post的方法来处理POST请求，检查是否需要登录并添加token。此外，还定义了UserLogin接口用于用户登录操作。

import common from './common'
import qs from 'qs'
import apiUrl from '../static/js/config'

// 需要登陆的，都写到这里，否则就是不需要登陆的接口
let methodToken = [
    '/api/system/logout',
]
const post = (method, data, callback) => {    
    // 如果是需要登陆的，增加token
    if (methodToken.indexOf(method) >= 0) {
        let userToken = common.getStorage('token');	
        if (!userToken) {
            common.jumpToLogin();
            return false
        } else {
            data.token = userToken
        }
    }   
    sendPost(method, data, {}, callback)	
}
const sendPost = (url, data, config = {}, callback) => {
    console.log('请求的url:'+url);
    uni.request({
        url: url,
        data:data,
        method:'POST',
        header: {'Content-Type': 'application/json;charset=UTF-8'},
        success: res => {			
			var data = res.data;
			if (data.code == '200') {
				callback(res.data);
			} else {
				uni.showToast({
					icon: 'none',
					title: data.msg
				});
			}
		},
        fail:res => {},
        complete: res =>{}
    });
}
//登录
export const UserLogin = (data,callback) => post(apiUrl+'/api/system/login', data, callback)