Taro封装request请求后台数据

最新推荐文章于 2023-11-29 10:37:41 发布
最新推荐文章于 2023-11-29 10:37:41 发布
阅读量547 收藏 2
点赞数 2
文章标签： 微信小程序 javascript typescript 前端 Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51408649/article/details/129300658
版权

我这个是taro3+vue3加ts的项目，不过taro封装请求是一样的

taro中有封装好的请求，不需要像vue引入axios

  1. 在src下新建一个文件夹未network名字可以随便取

  1. 在network中新建baseUrl.ts里面存的是生产环境与开发环境的url开头，我是在微信调试工具做的，所以暂时没有用到

  1. 新建config.ts存放返回的状态码

  1. 新建interceptors.ts里面是拦截器

  1. 新建utils.ts获取当前页的url

  1. 封装request请求，baseUrl这里是我请求后台的端口号

  1. 在pages下的api中封装一下request请求，这样子使用的时候很方便

  1. 示例

这样子就差不多了，第一次写博客有什么不好的地方希望理解一下，谢谢！

qq_51408649
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
taro请求工具封装
六一首席
10-26 3249
taro框架是一个跨端兼容的开发框架，自带了请求相关的API，虽然灵活，但是封装程度并不高，会导致比较多的代码冗余，因此封装了一个请求相关的工具
微信小程序+vue+taro：request的封装请求
ScumStudy的博客
01-13 1647
Taro的封装请求 在同级目录下新建文件夹config 创建request.js文件 ajax封装，请求响应拦截处理 import Taro from '@tarojs/taro'; let Ajax = (url, method, data, header) => { // 请求拦截处理写在这里 // Taro.showLoading({ // title: '加载中', // icon: 'loading', // mask: true // });
用typescript封装Taro.request
xiaoxiangfei的专栏
10-27 357
介绍用typescript封装Taro.request函数，提高了系统的可读性和可维护性。
Taro 框架中 vue3 request.ts 请求封装
阿乐的博客
11-29 346
api 文件 请求文件。
使用taro封装分页在axios请求中
06-23
使用taro封装分页在axios请求中
人人都该具备封装思维：Taro+Es6+Promise+Ts简易构建微信小程序的全局请求方法
03-29
无论是app还是小程序或者其他端，交互中请求无处不在。 一个优秀的封装类，能让你的开发效率事半功倍，所以封装逻辑至关重要...1.梳理Taro的请求 Taro.request，实现最简易的请求方法 import Taro from '@tarojs/taro'
Taro/react/微信小程序 无文件表单提交，兼容new FormData()方法
最新发布
01-18
微信小程序中，接口类型为multipart/form-data时没有文件需要上传，Taro.uploadFile的filePath又不...return Taro.request({ // 这里用request url: url, data: data.buffer, // data已经给你分好值了 .............
taro-template:[taro :hammer_and_pick:] 开发模版（包含了 changelog、redux、hook、taro-ui、lodash、eslint、封装request请求、封装加载动画组件等）
05-31
Taro-ui 在项目目录下，你可以运行 install yarn examination taro info taro doctor dev & build yarn dev:weapp yarn dev:h5 yarn build:weapp yarn build:h5 update yarn global add @tarojs/cli@[version...
解决taro h5在调用接口时出现跨域的情况
05-07
解决taro h5在调用接口时出现跨域的情况 修改config下的index.js
微信小程序网络封装(简单高效)
10-18
主要介绍了微信小程序网络封装(简单高效)，微信小程序的网络请求很便捷，直接调用就可以了。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Taro3-Vue3-Demo:taro3使用vue3进行开发
03-29
Taro3-Vue3-Demo // option Api data ( ) { return { res : [ ] , msg : "" , } ; } , created ( ) { this . getRes ( ) ; } , methods : { getRes : async function ( ) { this . res = await test ( ) ; } , } , setup ( ) { const res = ref ( [ ] ) ; const msg = ref ( "" ) ; const getRes = async ( ) => { const result = await test ( ) ;
严选taro项目request Promise链式操作一点理解
weixin_42283462的博客
03-23 1694
redux中定义request请求回调 export function createAction(options) { const { url, payload, method, fetchOptions, cb, type } = options return (dispatch) => { return fetch({ url, payload, method, ......
小程序登录流程
浪子四方
04-11 2872
目录 1 登录流程时序图 2 wx.login(Object object) 2.1 使用案例 3 auth.code2Session 4 RuquestTaskwx.request(Object object) 4.1 使用案例 5 小程序登录 1 登录流程时序图 从登录时序图来看，我们需要通过wx.login()来获取code，然后把获取到的code以...
Taro3+Vue3.0做实战项目的总结和方法
Web_boom的博客
08-17 3057
Taro3.0Vue3.0PinianutUInutUI按需引入定制化和抽离http封装以及如何全局使用，多人协同开发劫持生命周期做路由的鉴权/对路由跳转的二次封装setup语法糖的使用阿里iconfont在项目中的使用分包，主包太大开启压缩) 具体的颜色属性可以参考：[github.com/jdf2e/nutui…](https://link.juejin.cn/?...
Taro 正式发布 3.6 版本：支持跨端路由、请求库，新增鸿蒙、Web 端平台插件，小程序持续集成 CI 能力升级...
u012384510的博客
02-02 1718
大家好，我是若川。我持续组织了近一年的源码共读活动，感兴趣的可以点此扫码加我微信lxchuan12参与，每周大家一起学习200行左右的源码，共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》包含20余篇源码文章。历史面试系列。另外：目前建有江西|湖南|湖北籍前端群，可加我微信进群。扫码加我微信 lxchuan12、拉你进源码共读群两个月前，我们发布了 Taro v3.6 的 cana...
Taro小程序登录请求封装
qq_37933086的博客
02-16 1507
应用场景：需要请求的部分接口报错未登录，仔细看发现是有token的 问题分析：微信的文档有给出解决方案，在app.js利用闭包保存callback的形式保存token和页面达到同步状态的方法，这个方法有个问题就是会有点繁琐，我们需要对其进行封装 ...
react-taro小程序fetch网络请求封装
WANGLING0108的博客
03-24 1032
React-Taro框架的网络请求封装函数
后台展示小程序页面
DyuanH的博客
01-22 974
将taro编写的代码转成h5运行 Taro.login()无法使用，Taro.checkSession()无法使用 先注释掉，用taro:weapp运行拿到的token写死再存储里，强行跳过授权登录和绑定手机号 Taro.getMenuButtonBoundingClientRect()不可用 小程序有通过胶囊信息写样式的再h5端要重写 Taro.getLocation()不可用 小程序通过这个接口请求位置信息在h5端要重写 跨域问题 后端给当前域名和端口配置白名单 使用iframe标签做应用嵌入展示 后台
taro axios request
09-02
你好！如果你想在Taro中使用axios进行网络请求，你需要先安装axios依赖。在项目根目录下打开终端，执行以下命令来安装axios： ``` npm install taro-axios axios ``` 安装完成后，你可以在代码中引入axios并使用它来发送请求。下面是一个示例： ```javascript import Taro from '@tarojs/taro' import axios from 'taro-axios' // 发送GET请求 axios.get('/api/data') .then(response => { console.log(response.data) }) .catch(error => { console.error(error) }) // 发送POST请求 axios.post('/api/data', { name: 'Taro' }) .then(response => { console.log(response.data) }) .catch(error => { console.error(error) }) ``` 在上面的示例中，我们首先通过`import`语句引入了`Taro`和`axios`。然后，我们可以使用axios的`get`和`post`方法发送GET和POST请求，并处理返回的数据或错误。 请注意，你需要根据实际情况修改请求的URL和数据。此外，你还需要根据Taro的配置设置请求的baseURL和其他参数。 希望能帮到你！如果还有其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值