1.fixed定位在H5中，tabbar，顶部导航栏，系统状态栏（手机信号，电量显示等）包含在内容区，H5在定位时，需要算上这些高度（如果页面中存在这个元素的话）解决办法：使用条件编译，针对不同的平台设定不同的top值position: fixed;
top:var(--window-top);
/* #ifdef MP-WEIXIN || APP-PLUS */
top:0;
/* #e
转载
2024-05-28 22:39:12
50阅读
目录简介瀑布流+列表无限加载：瀑布流列表无限加载实现逻辑：主要知识点：底部触发加载更多获取图片的原始高度代码实现：实现效果： 简介瀑布流+列表无限加载：瀑布流瀑布流是很常见的一种布局方式，像一些图片展示网站，购物网站中最为常见。瀑布流将显示区域划分为固定宽度的几栏。可以保持一致的图片或者div展示区域的宽度，自适应其高度，显示元素的顺序从左到右，自上而下排列。显示效果极好，空间利用率高。列表无限
在开发uniapp小程序的过程中，我逐渐意识到“为什么不用axios”这个问题背后的深层原因。从最初的技术痛点出发, 我慢慢梳理出我们的开发架构，团队在设计、性能优化、故障复盘上的思考，最终形成了一套成熟的解决方案。在这篇文章中，我将为大家呈现出这一过程的完整逻辑和经验总结。
### 初始技术痛点
在我们最初的开发中，使用axios处理小程序的网络请求时，常常面临诸多挑战。这种设计在大规模业务
uniapp介绍HBuilderXHBuilderX：官方IDE下载地址打开HBuilderX新建项目项目目录 运行到浏览器即可组件选择我们在插件市场选择下载量大，文档清晰的组件使用网址安装 uView使用参考文档使用组件即可使用 uView 组件中Tabbar 底部导航栏我们想要底部导航栏有凸起效果，可以使用uView 组件中Tabbar 底部导航栏结合教程，我们去使用vuex即可安装vuexN
# 如何在 UniApp 中使用 Axios
在现代前端开发中，数据请求是必不可少的功能，而 Axios 是一个非常流行的 HTTP 请求库，可以帮助我们更轻松地进行数据交互。本文将会详细教会你如何在 UniApp 中使用 Axios，操作步骤一目了然，并附上代码示例和详细注释，让你轻松上手。
## 整体流程
我们将分为如下几个步骤来实现 Axios 在 UniApp 中的使用：
| 步骤
原创
2024-09-11 05:18:45
191阅读
前言： 1、为什么不适用uniapp自带的请求功能？ 答：uniapp自带的请求功能，在刷新了令牌后，重新请求返回的数据无法返回给第一次发起请求的方法。也就是说，刷新令牌后重新发起的请求和第一次发起请求的方法是割裂的。 2、封装文件中，我设置了无感刷新令牌功能。我后台的判断逻辑是，当前端请求的令牌已过期，或令牌还有不到10分钟过期时，刷新令牌。在后台可把令牌过期时间封装到令牌中，或放入redis中
转载
2024-06-23 10:05:45
3083阅读
uniapp中使用axios，是为了按照axios的风格来发送请求，并且axios提供了请求拦截器、响应拦截器、baseUrl、请求参数自动
原创
2024-01-05 10:21:47
85阅读
uni-app自带uni.request用于网络请求，因为我们需要自定义拦截器等功能，也是为了和我们后台管理保持统一，这里我们使用比较流行且功能更强大的axios来实现网络请求。 Axios 是一个基于 promise 网络请求库，作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js http
转载
2023-11-30 22:06:19
1017阅读
1.搭建脚手架 因为全局安装vue-cli 脚手架，在之前就已经安装好了。所以我们直接在桌面的projects文件夹下创建新项目。在命令行输入：vue init webpack-simple pizza-app 然后cd pizza-app, 安装cnpm,最后运行。然后创建所需要的文件夹如下：2.制作导航1.来到  
# 使用uniapp和axios进行登录
在开发移动应用程序中，登录功能是非常重要的一部分。通过登录，用户可以访问特定的功能和数据。在uniapp框架中，我们可以使用axios库来发送HTTP请求并处理登录过程。
## 什么是uniapp和axios？
**uniapp**是一个基于Vue.js的开源框架，用于开发跨平台的移动应用程序。它允许开发者使用一套代码构建iOS和Android应用程
原创
2023-10-22 12:59:16
86阅读
uniapp和vue有什么区别？vue和uni-app的区别如下：1、uni-app可以通过打包实现一套代码多端运行，而vue不行。2、uni-app有自动的框架预载，加载页面的速度更快，vue没有。3、uniapp使用小程序的标签，vue使用web端的标签。4、uni不支持vue-router，使用自带的路由。uni-app的优点优点一：uni-app是一套可以适用多端的开源框架，一套代码可以同
转载
2024-04-12 20:50:48
44阅读
目录1）用axios封装，内嵌request? 2）请求调用，对比axios和request哦?3）在多个地方进行网络请求的时候，不想重复写入请求地址的前缀，so我们需要封装一下。?4）封装request请求，偷懒写请求前缀，并且获取请求头获取数据：?关于uniapp如何使用网络请求？在我们官网文档里的用法直接uni.request(obj)就?了，but因为习惯了axios去做请求，又
转载
2023-11-09 17:21:49
369阅读
# 实现 Axios 在 Uniapp 中的兼容性
## 引言
在开发过程中，我们经常需要与后端进行数据交互。Axios 是一个流行的 JavaScript 库，用于发送 HTTP 请求。而 Uniapp 是一个基于 Vue.js 的跨平台开发框架，可以一套代码同时运行在多个平台上。本文将教会你如何在 Uniapp 中实现 Axios 的兼容性。
## 实现步骤
下面是实现 Axios 在
原创
2024-01-31 11:31:02
180阅读
在当前这一篇博文中，主要讨论的是“uniapp 项目中的 axios 问题”。axios 是一个基于 Promise 的 HTTP 客户端，用于浏览器和 Node.js，广泛应用于 uniapp 中进行网络请求。但在实际项目中，我们常常会遇到一些需要优化或解决的问题。接下来将详细记录解决这些问题的过程。
### 背景定位
在开发任何需要联网的移动应用时，尤其是使用 uniapp 开发的应用，网
# 如何实现uniapp封装axios
## 一、流程概述
首先我们需要明确整个过程的步骤，可以用以下表格展示：
| 步骤 | 内容 |
| ---- | ---- |
| 1 | 安装axios库 |
| 2 | 创建封装axios的工具类 |
| 3 | 在main.js中引入并挂载封装的axios工具类 |
| 4 | 在项目中调用封装的axios方法发送请求 |
## 二、具体步骤
原创
2024-03-06 04:04:31
281阅读
# 用Axios在UniApp中发送HTTP请求
随着移动互联网的快速发展，移动应用的搭建日益受到重视。在众多开发框架中，UniApp因其跨平台的特性受到开发者的广泛欢迎。UniApp允许开发者使用一套代码同时构建多端应用，包括微信小程序、App、H5等。在进行数据交互时，HTTP请求是必不可少的，而Axios库在前端开发中是一款非常流行的HTTP请求库。
## 什么是Axios？
Axio
处理uni-app编译APP-PLUS 引入浙里办扫码登录（例子）效果图展示h5 引入通讯方式app 引入通讯方式 使用plus.webview操作尝试过的其他方法（renderjs 未成功) 效果图展示最近工作安排用uniapp开发App项目，涉及到多种登录方法。由于uni-app除H5外 均不支持document、window等浏览器的js API，所以扫码成功之后，监听消息通知返回事件wi
写在前面：分享技术，共同进步，有不足请见谅，相关意见可评论告知 ~有道无术，术尚可求；
有术无道，终止于术!多端运行，架式简化；
编程路漫，学无止尽！目录条件编译生命周期应用生命周期页面生命周期API网络请求发起请求文件下载监听的用法路由跳转窗口动画API组件pages.json条件编译官方文档参考
可以使用 process.env.NODE_ENV 来获取运行环境
运行编译---> 开发
# UniApp 封装 Axios 的方法与实践
在现代 Web 开发中，网络请求是至关重要的部分之一。特别是在使用 UniApp 进行跨平台开发时，使用 Axios 处理 HTTP 请求能让代码更加简洁和易于维护。本文将介绍如何在 UniApp 中封装 Axios，同时提供相关代码示例，方便开发者进行参考和使用。
## 什么是 Axios？
Axios 是一个基于 Promise 的 HT
原创
2024-10-29 05:14:01
93阅读
# 使用 UniApp 配置 Axios 的完整指南
在现代前端开发中，数据获取是一个至关重要的环节。为了方便地进行 HTTP 请求，开发者们普遍采用 Axios 这个流行的 HTTP 客户端库。本文将介绍如何在 UniApp 中配置 Axios，帮助你快速上手并提高开发效率。
## 1. 什么是 UniApp？
UniApp 是一个使用 Vue.js 开发跨平台应用的框架，支持多个平台如
