Comment encapsuler les requêtes dans uniapp

Dans uniapp, les requêtes peuvent être encapsulées des manières suivantes :

1. Créez un fichier request.js et exportez la fonction de requête :

// request.js

import config from './config' 

export default (url, data, method='GET') => {

  return new Promise((resolve, reject) => {
    uni.request({
      url: config.baseUrl + url,
      data,
      method,
      header: {
        Authorization: uni.getStorageSync('token')
      },
      success: (res) => {
    //此处Code根据自己项目实际情况来写
        if(res.statusCode == 200){
          resolve(res.data);
        }else{
          reject(res)
        }
      },
      fail: (err) => {
        reject(err)
      }
    })
  })

}

2. Importez et utilisez dans la page qui doit être appelée :

import request from '@/utils/request.js'

request('/user', {id: 123}, 'POST').then(res => {
  // 拿到返回数据
}).catch(err => {
  // 处理异常
})

3. Vous pouvez également encapsuler davantage les méthodes get et post :

export const get = (url, data) => request(url, data, 'GET') 

export const post = (url, data) => request(url, data, 'POST')

4. Ajoutez des intercepteurs, un chargement, etc. pour une encapsulation plus riche.

    De cette manière, un fichier principal de requête peut être extrait et toutes les requêtes peuvent être gérées de manière uniforme.