uni-app封装请求

本文介绍了如何在uni-app中进行请求的二次封装,以适应个人编程习惯。涉及开发环境和生产环境的配置,如创建.env.development和.env.production文件。同时,讲解了如何组织api文件夹,包括base.js、http.js、user.js等,用于管理不同接口。通过在utils文件夹下创建http.js文件,实现请求的封装,并在api文件夹下创建index.js作为接口的统一出口,最后将此挂载到vue原型上,方便使用。
摘要由CSDN通过智能技术生成

别看了,写的就是垃圾,后续一点都不好用

uni-app自己的请求:uni.request
但一般情况下,我还是会二次封装一遍符合自己的编程习惯。

  1. 区分下开发环境和生产环境
    根目录创建.env.development(开发环境)和.env.production(生产环境)文件
// .env.development
NODE_ENV="development";
VUE_APP_URL = '/api'
VUE_APP_URL_TWO = "";  // 第二个路径
VUE_APP_URL_THREE = ""; // 第三个路径

// .env.production
NODE_ENV='production'
VUE_APP_URL='http://dididi1:8088';  // 生产环境请求路径
VUE_APP_URL_TWO = '';  // 第二个路径
VUE_APP_URL_THREE = ''; // 第三个路径
  1. 根目录创建api文件夹,文件夹下创建base.js文件
// 管理公共接口路径
const base = {
   
	url: process.env.VUE_APP_URL
}

module.exports = base;
  1. 在utils文件夹下创建http.js文件
// 封装公共请求
const timeout = 1000 * 5;
let http = {
   };
http
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值