uni请求模板-开发/生产（个人笔记）

config.js（设置当前是开发环境还是）

let baseUrlfig= ""

if(process.env.NODE_ENV === 'development'){
    // 开发环境
    baseUrlfig= ""}else{
    // 生产环境
    baseUrlfig=""
}
export default baseUrlfig

request.js

import baseUrlfig from './config.js'
const request = {}
const headers = {}
request.globalRequest = (url, method, data) => {
	/*     权限判断 因为有的接口请求头可能需要添加的参数不一样，所以这里做了区分*/
	console.log(method + "请求：" + baseUrlfig + url,data);	uni.showLoading({title: '正在加载...',mask: false});
	return uni.request({
		url: baseUrlfig+ url,		sslVerify:false,
		method,
		data: data,
		dataType: 'json',
		withCredentials: true
	}).then(res => {
		console.log("返回数据",res);
		uni.hideLoading();	}).catch(err => {
    uni.hideLoading()

})}
export default request

api.js

import request from '@/common/request.js'
const api = {}
const User= '/user';
api.userLogin = res => request.globalRequest(`${User}/data`, 'GET', params)

main.js挂载

import api from './api/api.js'
Vue.prototype.$api = api;

页面使用

this.$api.userLogin ({params}).then(res => {
}).catch(res => {
})