uniapp的request封装

uniapp

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。

uniapp官网

封装uni.request

创建uni_url.js文件

let uni_url = ''

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

export default uni_url

创建uniRequest.js文化

import uni_url from './uni_url.js'

export const $uniRequset = (data) => {
	return new Promise((resolve, reject) => {
		uni.request({
			url: uni_url + data.url,
			method: data.method || 'GET',
			data: data.data || '{}',
			success: (res) => {
				resolve(res)
			},
			fail: (err) => {
				uni.showToast({
					title: "请求接口失败!",
					icon: 'none'
				})
				reject(err)
			}
		})
	})
}

main.js注册

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