广告
返回顶部
首页 > 资讯 > 后端开发 > PHP编程 >uni-app封装请求方法与api封装调用
  • 743
分享到

uni-app封装请求方法与api封装调用

前端php开发语言javascriptvue.js 2023-09-03 16:09:26 743人浏览 独家记忆
摘要

封装请求创建request.js文件,把一下内容根据自己的需求更改。 //封装请求方法//声明一个请求函数const api_request=(url, method, parm)=>{ con

封装请求创建request.js文件,把一下内容根据自己的需求更改。

//封装请求方法//声明一个请求函数const api_request=(url, method, parm)=>{    console.log(1111111111);  var apiurl    = getApp().globalData.BASE_URL+'/api.PHP';  //域名 + api.php      var timestamp = Date.parse(new Date());      timestamp = timestamp / 1000;    //获取当前时间戳 //因为搜索、留言和表单需要用到POST方法,要通过data传递参数,所以先声明data对象,方便后面添加  var data = {        timestamp: timestamp  };  //根据请求方法构建Header  if (method == 'POST') {    //POST方法,设置请求头部    var header = { 'Content-Type': 'application/x-www-fORM-urlencoded; charset=utf-8' };    //添加POST参数到data    for (var i in parm) {       data[i] = parm[i];    }  } else {    //GET方法,设置请求头部    method = 'GET';    var header = { 'Content-Type': 'application/JSON' };  }  //通过promise返回数据  var promise = new Promise(function(resolve,reject){            //小程序自带的wx.request请求    uni.request({      method: method,      url: apiurl + url,      header: header,      data: data,      //请求成功      success: function(res){                        var api_data = res.data;        if (api_data.code != 1 && api_data.code != 0){          reject({ error: '数据请求失败,请稍后重试', code: 500 });          return;        } else {          resolve(api_data);                }            }     })  })        //返回数据  return promise;};export default api_request

api封装:创建api.js来放你需要封装的api.

import api_request from "@/pages/api/request.js" //先导入封装好的request文件//Api模块//获取公司信息const companyinfos = async () => {var url = '/cms/company';let data = await api_request(url);return data;}//获取网站信息const siteinfos = async () => {var url = '/cms/site';let data = await api_request(url);return data;}uni.service = {companyinfos,siteinfos} 

调用时

来源地址:https://blog.csdn.net/qq_43003057/article/details/126331186

--结束END--

本文标题: uni-app封装请求方法与api封装调用

本文链接: https://www.lsjlt.com/news/392493.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作