uniapp个人开发常用设置 & 封装方法

1、封装 http 请求

1、新建 unti/api.js

const BASE_URL = 'http://www.abc.com/api/v1'
export const myRequest = (options)=>{
	return new Promise((resolve, reject)=>{
		uni.request({
			url: BASE_URL + options.url,
			method: options.method || 'GET',
			data: options.data || {},
			success: (res) => {
				//console.log(res.data);
				if(res.data.code!==200){
					return uni.showToast({
						title:'数据获取失败'
					})
				}
				resolve(res)
			},
			fail:(err)=>{
				uni.showToast({
					title:'数据获取失败'
				})
				reject(err)
			}
			
			
		})
	})
}

2、在main.js中引入、挂载后全局使用

import { myRequest } from './util/api.js'
Vue.prototype.$myRequest = myRequest   //挂载到原型上面


猜你喜欢

转载自blog.csdn.net/sinat_37390744/article/details/109579938