uni-app网络请求uni.request封装

新建一个http.js文件

let baseUrl = '';
if (process.env.NODE_ENV == 'development') {
    baseUrl = 'http://192.168.0.116:8089' // 开发环境
} else {
    baseUrl = 'https://laihu.baogongxia.com' // 生产环境
}

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'
      },
      success: function(resp) {
        uni.hideLoading();
		if (resp.data.status == 200) {
			resolve(resp.data);
		}
		if (resp.data.status == 201) {
			uni.showToast({
				title: resp.data.message,
				duration: 2000,
				icon: 'none'
			});
		}
      },
      fail: function(resp) {
        uni.hideLoading();
        reject(resp);
      },
    })
  })
}

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

export default {
  request,
  get,
  post,
  baseUrl
}

在main.js文件中引入

import http from './request/http';
Vue.prototype.$http = http

页面中发送请求

this.$http.get({
	url: '/v1/rest/login/login',
	data:{
		phone: '1509676254',
		passWord: '12345689',
	}
}).then(resp => {
	console.log(resp)
})