UNI-APP_uni-app请求封装调用

请求封装

新建封装文件：request.js

const baseUrl = 'base地址';  
const httpRequest = (opts, data) => {
    
    
	let httpDefaultOpts = {
    
    
		url: baseUrl + opts.url,
		data: data,
		method: opts.method,
		header: opts.method == 'get' ? {
    
    
			'X-Requested-With': 'XMLHttpRequest',
			"Accept": "application/json",
			"Content-Type": "application/json; charset=UTF-8"
		} : {
    
    
			'X-Requested-With': 'XMLHttpRequest',
			'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
		},
		dataType: 'json',
	}
	let promise = new Promise(function(resolve, reject) {
    
    
		uni.request(httpDefaultOpts).then(
			(res) => {
    
    
				resolve(res[1])
			}
		).catch(
			(response) => {
    
    
				reject(response)
			}
		)
	})
	return promise
};
//带Token请求
const httpTokenRequest = (opts, data) => {
    
    
	let token = "";
	uni.getStorage({
    
    
		key: 'token',
		success: function(ress) {
    
    
			token = ress.data
		}
	});
	//此token是登录成功后后台返回保存在storage中的
	let httpDefaultOpts = {
    
    
		url: baseUrl + opts.url,
		data: data,
		method: opts.method,
		header: opts.method == 'get' ? {
    
    
			'Token': token,
			'X-Requested-With': 'XMLHttpRequest',
			"Accept": "application/json",
			"Content-Type": "application/json; charset=UTF-8"
		} : {
    
    
			'Token': token,
			'X-Requested-With': 'XMLHttpRequest',
			'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
		},
		dataType: 'json',
	}
	let promise = new Promise(function(resolve, reject) {
    
    
		uni.request(httpDefaultOpts).then(
			(res) => {
    
    
				resolve(res[1])
			}
		).catch(
			(response) => {
    
    
				reject(response)
			}
		)
	})
	return promise
};

export default {
    
    
	baseUrl,
	httpRequest,
	httpTokenRequest
}

接口文件

新建接口文件：login.js

//引入封装的请求文件 request.js
import request from '../utils/request'

//账号登陆
export function login(data){
    
    
    return request.httpRequest({
    
    
        url: '/adopt/login',
	    method: 'post'
    },data)
}

页面调用

//导入接口文件login.js
import {
    
    login} from '../../api/login'

let updata={
    
    
	user:123,
	pass:456
}
login(updata).then((res) => {
    
    
	console.log(res);
})
.catch( function (error) {
    
    
	console.log(error)
});