uniapp怎么封装请求代码

Uniapp可以使用uni.request方法来封装请求代码，该方法支持Promise语法，示例如下：

uni.request({
  url: 'https://www.example.com/api',
  method: 'POST',
  data: {
    id: 1,
    name: 'example'
  },
  header: {
    'content-type': 'application/json'
  }
}).then(res => {
  console.log(res.data)
}).catch(err => {
  console.log(err)
})

其中，url为请求地址，method为请求方式，data为请求参数，header为请求头信息。通过调用then方法可以获取服务器返回的数据，调用catch方法可以捕获请求错误。

相关问题

uniapp 封装请求

Uniapp封装请求是指在Uniapp开发中，通过编写封装好的request模块，实现对网络请求的统一管理。通过封装请求模块，开发者可以方便快捷地调用API接口，避免代码冗余，提高代码的可扩展性和可维护性。

Uniapp封装请求的过程中，首先需要定义基础URL和请求参数，包括请求地址、请求方式、请求头、请求体等信息。接着，在模块中引入uni.request方法，并通过方法调用实现数据请求、响应和处理。

封装请求模块的实现，可以使用Promise异步编程模式，也可以基于async/await。同时，通过封装请求模块可以实现拦截器和缓存机制等，方便快捷地管理请求和响应的数据。

总的来说，Uniapp封装请求是一种比较实用和常见的开发方式，可以在开发过程中有效地提升开发效率和开发质量，实现代码重构和优化等目的。

uniapp完整封装请求代码

以下是一个简单的uniapp封装请求的示例代码：

// api.js
import axios from 'axios';

// 创建一个axios实例
const instance = axios.create({
  baseURL: 'https://api.example.com',
  timeout: 5000, // 请求超时时间
});

// 请求拦截器
instance.interceptors.request.use(
  (config) => {
    // 可以在这里对请求进行处理，如添加token等
    return config;
  },
  (error) => {
    return Promise.reject(error);
  }
);

// 响应拦截器
instance.interceptors.response.use(
  (response) => {
    // 可以在这里对响应进行处理，如对错误进行统一处理
    return response.data;
  },
  (error) => {
    return Promise.reject(error);
  }
);

// 封装get请求方法
export function get(url, params) {
  return instance.get(url, { params });
}

// 封装post请求方法
export function post(url, data) {
  return instance.post(url, data);
}

在需要发送请求的地方引入`api.js`，然后使用`get`和`post`方法发送请求即可。

示例用法：

// 使用get方法发送请求
import { get, post } from '@/api.js';

get('/api/users', { id: 1 })
  .then((response) => {
    console.log(response);
  })
  .catch((error) => {
    console.error(error);
  });

// 使用post方法发送请求
post('/api/login', { username: 'admin', password: '123456' })
  .then((response) => {
    console.log(response);
  })
  .catch((error) => {
    console.error(error);
  });

请根据实际情况修改baseURL和请求的具体参数。这只是一个简单的封装示例，实际使用中可能需要根据项目需求进行扩展和修改。