uni-app封装

1.配置
在新建common文件夹下新建request.js文件

import {getUserToken} from '@/api/auth'
const request = {}
const headers = {}
request.globalRequest = (url, method, data,power) => {
	var token = getUserToken();//这边写的是登录的,没有token可不写
	switch (power){
	    case 1:
	        headers['Authorization'] = 'Basic a3N1ZGk6a3N1ZGk='
	        break;
	    case 2:
	        headers['Authorization'] = 'Basic a3N1ZGlfcGM6a3N1ZGlfcGM='
	        break;
	    default:
			headers['token'] = token
	        break;
	}
	//console.log('tsttt');
	
	//console.log(url);
	return uni.request(
		url:url,
		method,
		data: data,
		dataType: 'json',
		header: headers,
	}).then(res =>{
		//console.log()
		if(res[1].data.code==2){
			return res[1].data
	})
}
export default request

2.封装
在新建api文件夹下新建index.js文件

import request from '../commom/request.js'

const api = {}

api.login = params => request.globalRequest(`/appapi/login`, 'POST', params)
api.getcode = params => request.globalRequest(`/appapi/sendcode`, 'POST', params)

export default api

3.在main.js全局挂载

import request from './commom/request.js'
import api from './api/index.js'
Vue.prototype.$request = request
Vue.prototype.$api = api

4.做完这些就可以在页面中使用啦

this.$api.login({}).then(res => {console.log(res)})

ps:解决跨域问题
在manifest.json中点击源码视图