uniapp 简单封装接口请求

环境配置：utils/env.js

let BASE_URL
// 开发环境
if (process.env.NODE_ENV === 'development') {BASE_URL = 'http://192.168.0.135:21010'
}
// 生产环境
else {BASE_URL = ''
}
export default {BASE_URL
}

接口封装：utils/request.js

import env from './env.js'
const request = (options) => {// 弹出加载弹窗uni.showLoading({title: '加载中...'});return new Promise((resolve, reject) => {// 设置请求头const header = {...options.header}// 查询是否存在token，并添加请求头if (uni.getStorageSync('token')) header['Authorization'] = `Bearer ${uni.getStorageSync('token')}`uni.request({url: env.BASE_URL + options.url,method: options.method,data: options.data,header,success: (res) => {console.log("请求信息: ", env.BASE_URL + options.url, options.data);console.log("接口返回: ", res.data);switch (res.data.code) {case 401:uni.clearStorageSync()uni.showToast({title: '登录状态失效，请重新登录',icon: 'none',});uni.navigateTo({url: '/pages/login',})break;case 200:resolve(res.data);break;default:uni.showToast({title: '未知错误，请联系管理员',icon: 'none'});reject(res.data)}},fail: (err) => {uni.showToast({title: '请求超时，请稍后重试！',icon: 'none'});reject(err)},})uni.hideLoading();})
}
export default request

设置接口：api/login.js

import request from '@/utils/request.js';/*** 登录*/
export const login = (data) => {return request({url: '/login',method: 'POST',data})
}/*** 用户信息*/
export const getInfo = (data) => {return request({url: '/getInfo',method: 'GET',data})
}

接口使用：

import { login, getInfo } from '@/api/login.js';login(params).then((res) => {})