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

一、背景

在开发项目中，必要常常与后端服务器进行交互；为了提高开发效率和代码维护性，以及低沉重复性代码，便对网络请求进行封装统一管理。
二、创建环境文件

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

2.2、env.js文件

1. let BASE_URL
2. //开发环境中
3. if (process.env.NODE_ENV === 'development') {
4.   // 开发环境
5.   BASE_URL = 'http://xxxx'  //开发环境请求地址
6. } else {
7.   // 生产环境
8.   BASE_URL = 'https://xxxx'  //生成环境请求地址
9. }
11. export default BASE_URL

复制代码

  ⭐⭐说明：

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

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