提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
文章目录
前言
基于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