当前位置:   article > 正文

uniapp 网络请求封装(uni.request 与 uView-Plus)_uview plus http 二次封装

uview plus http 二次封装

一、背景

在开发项目中,需要经常与后端服务器进行交互;为了提高开发效率和代码维护性,以及降低重复性代码,便对网络请求进行封装统一管理。

二、创建环境文件

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. }
  10. export default BASE_URL

⭐⭐说明:

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

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小蓝xlanll/article/detail/318524
推荐阅读
相关标签