uni-app网络请求封装Request

第一步：创建request.js文件

let baseUrl = '';
if (process.env.NODE_ENV == 'development') {
    baseUrl = 'http://192.168.1.25:8081/app' // 开发环境
} else {
    baseUrl = '' // 生产环境
}

function request(url,method,data,header={}){
  uni.showLoading({
    title: '加载中...'
  })
  return new Promise((resolve,reject) => {
    uni.request({
      url: baseUrl + url,
      method: method,
      data: data,
      header: {
        'content-type': 'application/json',
		'Token': '123'
      },
      success: function(res) {
        uni.hideLoading();
		if (res.data.code == 200) {
			resolve(res.data);
		} else {
			uni.showToast({
				title: res.data.msg,
				duration: 2000,
				icon: 'none'
			});
		}
      },
      fail: function(res) {
        uni.hideLoading();
        reject(res);
      },
    })
  })
}

// 封装get方法
function get(obj) {
  return request(obj.url,'GET',obj.data)
}
// 封装post方法
function post(obj) {
  return request(obj.url,'POST',obj.data)
}
// 封装put方法
function put(obj) {
  return request(obj.url,'PUT',obj.data)
}
export default {
  request,
  get,
  post,
  put,
  baseUrl
}

第二步：在main.js文件全局引入

import http from '@/pages/api/request.js'
Vue.prototype.$http = http;

第三步：应用

this.$http.get({
	url: '/login/login',
	data:{
		data1: '1',
		data2: '2'
	}
}).then(res => {
	console.log(res)
})