uniapp封装公共的方法或者数据请求方法

仅供自己参考,不是每个页面都用到这个方法,所以我直接在用到的页面引用该公用方法:

1、新建一个util.js文件
在这里插入图片描述

export const address = function(options){
	return new Promise((resolve,reject)=>{
		uni.request({
			url:"https://x.cxniu.cn/api/area_list",
			method: "GET",
			success:(res)=>{
				if(res.data.code !==200){
					return uni.showToast({
						title:"数据请求失败"
					})
				}
				resolve(res);
			},
			fail:(err)=>{
				uni.showToast({
					title:"接口请求失败!"
				});
				reject(err);
			}
		})
	})
}
export function getInfo() {
  console.log("调用公用方法2")
   return list
}

2、引入方法
或者直接在.vue页面引入
import { address } from ‘@/components/utils’;

thods: {
			//调用封装好的数据请求的方法
			async getaddress(){
				const res = await address();
				this.items = res.data.data
				console.log("23434==>",this.items)
			},

相关推荐

  1. 封装数据请求方法与接口方法

    2024-01-27 13:40:08       47 阅读
  2. 封装PHP用于发送GET和POST请求公共方法

    2024-01-27 13:40:08       35 阅读
  3. uniapp+axios请求封装

    2024-01-27 13:40:08       33 阅读
  4. 封装promise请求方式

    2024-01-27 13:40:08       48 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-27 13:40:08       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-27 13:40:08       101 阅读
  3. 在Django里面运行非项目文件

    2024-01-27 13:40:08       82 阅读
  4. Python语言-面向对象

    2024-01-27 13:40:08       91 阅读

热门阅读

  1. vcenter 里面有一台主机无法进行DRS处理实践。

    2024-01-27 13:40:08       51 阅读
  2. SQL 关键字参考手册(三)

    2024-01-27 13:40:08       40 阅读
  3. 编程笔记 html5&css&js 059 css多列

    2024-01-27 13:40:08       43 阅读
  4. 用于 C/C++ Debug 的宏函数

    2024-01-27 13:40:08       51 阅读
  5. 练习12.5_按键_Python编程:从入门到实践(第3版)

    2024-01-27 13:40:08       50 阅读
  6. mysql MVCC(多版本并发控制)的实现原理

    2024-01-27 13:40:08       47 阅读
  7. ajax上传附件进度条取消上传

    2024-01-27 13:40:08       45 阅读