uniapp 网络请求封装(uni.request 与 uView-Plus）

一、背景

在开发项目中，需要经常与后端服务器进行交互；为了提高开发效率和代码维护性，以及降低重复性代码，便对网络请求进行封装统一管理。

二、创建环境文件

2.1、根目录新建utils文件夹，utils文件夹内新建env.js文件

2.2、env.js文件

let BASE_URL
//开发环境中
if (process.env.NODE_ENV === 'development') {
  // 开发环境
  BASE_URL = 'http://xxxx'  //开发环境请求地址
} else {
  // 生产环境
  BASE_URL = 'https://xxxx'  //生成环境请求地址
}
 
export default BASE_URL

⭐⭐说明：

创建的是vue3项目，与vue2项目的区别在于页面中调用api的写法不同，具体以需求为主

以下是两种uniapp请求的封装，分别为👇👇：

①uni.request 请求封装，②uniapp+uview-plus 请求封装

✍✍两种请求封装，根据需求二选一，不能同时使用

三、uni.request 请求封装（方法一）

3.1、官网地址👉：uni.