请求的三级封装

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

基于vue2的uniapp开发，将请求进行了三级封装

---

我将这三层封装统一放在一个api.js文件里面

一、三层封装

1.第一层请求

导入的BASE_URL是我自己这个项目的地址
导入的version是我这个项目地址里面可变的部分
我的地址格式是：http://localhost:3000/api/xxxx

//BASE_URL

let BASE_URL = ""

if(process.env.NODE_ENV ==="production"){
   
	// console.info('生产环境',123);
	BASE_URL = "https://ujiuye.com"
}else if(process.env.NODE_ENV === "development"){
   
	// console.info('开发环境',123)
	BASE_URL = "http://127.0.0.1:3000"
}

export default BASE_URL

//version

export const version = "/api"

//第一层请求

import BASE_URL from "../common/base_url.js"
import {
   
	version
} from "../common/version.js"
//第一层封装

export const request = (options) => new Promise((resolve, reject) => {
   
	// 请求拦截的位置
	console.info('options', options);
	wx.request({
   
		url: BASE_URL + version + (options.url