uniapp 二次封装

创建一个api文件夹

创建一个api.js 和 http.js

http.js

// 根路径
const baseURL = 'https://goods.zzgoodqc.cn' //路径
 
// url为请求的路径，method为请求方式，data为要携带的参数，header为请求头，timeout为请求时间
const request = (o) => {
	let options = {
		url: '',
		method: 'GET',
		data: {},
		header: {},
        // 微信小程序请求时间一般设置为60000
		timeout: 60000
	}
	Object.assign(options, o)
	return new Promise((resolve, reject) => {
		uni.request({
			url: baseURL + '/' + options.url,
			method: options.method,
			data: options.data,
			header: options.header,
			timeout: options.timeout,
			success(res) {
				resolve(res)
			},
			fail(err) {
				reject(err)
			}
 
		})
	})
}
export default request

api.js

    // 引入request
import request from '@/api/http.js'
    // 抛出请求方法
   export const getAddList = (data) => {    
       return request({    
          url: '/index.php/index/news/newsList',    
          method: 'get',
		  data
      })    
    }

页面

<template>
  <div>
    <button class="el-icon-user" @click="getData">获取数据</button>
  </div>
</template>
<script>
import {getAddList} from "@/api/api.js";
export default {
  name: "testDemo",
  methods: {
    getData() {
       getAddList(data).then(res => {
          console.log(res);
         }).catch(error=>{
          console.log(error);
       });
    }
  }
};
</script>