小程序接口请求封装api（二）

1、首先在小程序根目录下新建common文件夹

 2、在common文件夹下新建baseurl.js文件，这个文件放域名使用

let baseUrl = ''; // 域名
 
export {
  baseUrl
}

3、在common文件夹下新建request.js文件，封装请求接口使用

import { baseUrl } from './baseurl.js'
 
module.exports = {
    request : function(url, methodType, data){
        let fullUrl = `${baseUrl}${url}`
        return new Promise((resolve,reject)=>{
            uni.request({
                url: fullUrl,
                method:methodType,
                data,
                header: {
                    'content-type': 'application/x-www-form-urlencoded', // 默认值
                    "authorization": uni.getStorageSync('token') // 看后端需要不需要，不要就去掉
                },
                success(res){
                    resolve(res);
                },
                fail(res){
                    reject(res);
                }
            })
        })
    }
} 

4、在common文件夹下新建rapi.js文件，放置所有接口

import { request } from './request.js'
 
module.exports = {
  // 获取接口数据
  getlist: (data) => request('/api/goods/getlist', 'POST', data),
}

5、以上准备都完成接下来就可以使用了

在页面中的使用方法

    const $api = require('../../common/api')
    export default {
        data() {
            return {
                title: 'Hello'
            }
        },
        onLoad() {
            let data = {
                  keyword: this.title,
                }
                $api.getlist(data).then((res) => {
                  console.log(res,'res');
                })
        },
        methods: {

        }
    }

 以上就是所有内容了

注意：

根据个人习惯选择方法一或者方法二

方法一文章地址：CSDN

方法一demo下载地址： 小程序接口请求封装api（一）-Javascript文档类资源-CSDN下载

方法二文章地址： https://mp.csdn.net/mp_blog/creation/editor/127677395

方法二demo下载地址：https://download.csdn.net/download/lovewangyage/86894139