uni-app使用心得第6页

uni-app 请求封装

uni-app官方封装的http请求使用起来相对麻烦，针对于这个问题做了一套请求封装如下首先我们还是把相关依赖方法放出来。

白开水丶·2024-01-28 12:40

uni-app 封装接口request请求

所以今天给大家分享一个在uni-app中如何封装一个request请求。第一步、根目录下新建config.js文件constconfig={base_url:'这

琉璃℡初雪·2024-01-28 12:40

uni-app 接口封装实现过期重新登录再重新请求业务接口

小程序中实现token过期重新登录再重新请求业务接口该方法用于小程序token两个小时后过期，重新获取token再请求接口1、新建一个封装请求接口文件，命名为request.js(我在utils文件夹下建request.js)，代码如下：letisRefreshing=true;letsubscribers=[];functiononAccessTokenFetched(){subscribers

爱宇阳·2024-01-28 12:39

uni-app 接口封装，token过期，自动获取最新的token

一、文件路径截图2、新建一个文件app.jslethost='http://172.16.192.40:8083/jeecg-boot/'//本地接口letmyApi={login:`${host}wx/wxUser/login`,//登录}module.exports=myApi3、新建一个文件request.jsimportmyApifrom'@/utils/app.js';exportcon

My&Liu·2024-01-28 12:09

uni.request接口封装；小程序uni-app接口封装

另一篇请求接口简单封装在api下的index.js本片资源下载地址本片封装了postgetput请求，重点在request.js文件1.新增四个文件2.根目录下的utils下的request.js封装uni.request()请求注意：需要根据自己接口的statusCode状态码、数据状态码return_code和提示信息return_message做对应替换需要更改公共地址需要注意store的t

i_am_a_div_日积月累_·2024-01-28 12:09

uni-app 接口封装 request + 请求拦截器 + 登录过期验证

目录api.js/***接口列表文件*///auth:true,是否带头//host:false斜杠后面是否跟参数exportdefault{wx:{login:{url:'接口地址',auth:false,method:'POST'},zslogin:{url:"接口地址",auth:false,method:'POST',host:true}},}index.jsimportRequestfr

落魄山林林·2024-01-28 12:09

uni-app请求接口封装

在common文件夹新建mAjax.jsmodule.exports={get:function(url,data,callback,contentType,headers){switch(contentType){case"form":varheaderObj={'content-type':'application/x-www-form-urlencoded',//'cookie':getAp

还是个小白·2024-01-28 12:09

GPT-2 开源模型本地搭建（一）

GPT-2开源模型本地搭建1、GPT使用心得2、py环境准备2.1安装MicrosoftVisualC++14.0运行库2.2环境安装1.安装python3.6或3.72.安装pip3安装tensorflow4

天罚神·2024-01-28 11:55

uniapp-app使用富文本编辑器editor

使用的是uniapp内置组件的表单组件editor：editor组件|uni-app官网(dcloud.net.cn)文档上写的也不是特别详细，还以为得npm，但没npm也能用注意：editor不能封装为组件

白酱酱·2024-01-28 06:42

uniapp 实现路由拦截，权限或者登录控制

背景：项目需要判断token，即是否登录，登录之后权限参考uni-app官方：为了兼容其他端的跳转权限控制，uni-app并没有用vuerouter路由，而是内部实现一个类似此功能的钩子：拦截器，由其统一管理拦截器说明

Lan.W·2024-01-28 06:11

BootStrap使用心得

BootStrap官网1.什么是BootStrap？优点是什么？Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT的。优点：BootStrap是响应式布局，使得开发者可以方便的让网页无论在台式机、平板设备、手机上都获得最佳的体验。Bootrastp的下载使用下载地址：https://v3.bootcss.com/get

妈麻码骂·2024-01-28 06:11

前端同时上传json对象和MultipartFile文件

前端同时上传文件和对象_前端同时上传文件和json的解决方案-CSDN博客https://www.cnblogs.com/lgee/p/16963633.htmluni不提供表单uni-app上传文件报错解决方案

高树悲风·2024-01-28 04:32

Seventh 多端开发之uni-app起步

1.新建first-uni-app项目1.png项目初始目录2.png2.调整项目结构3.png3.配置pages.json{"pages":[//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages{"path":"pages/index/index","style":{"navigationBarTitleText":

老婆日向雏田·2024-01-28 04:07

Vue基本指令 V-bind V-if V-on V-for + 其他 + Mustache语法(uni-app)

一、v-bind指令:动态绑定一个或者多个属性{{message}}//1.v-bind的基本用法百度一下//语法糖:简写:百度一下data(){return{baiduUrl:'http:www.baidu.com'message:'HelloWorld'}}---------------------------------------------------------------------

呆呆．·2024-01-28 03:14

uni-app学习与快速上手

文章目录一、uni-app二、学习与快速上手三、案例四、常见问题五、热门文章一、uni-appuni-app是一种基于Vue.js开发框架的跨平台应用开发框架，可以用于同时开发iOS、Android、H5

雪梅零落·2024-01-27 15:18

uniapp状态管理Vuex介绍及vuex核心概念

uni-app内置了Vuex什么是“状态管理模式”？

Qayrup·2024-01-27 13:57

Uni-app开发小程序踩坑笔记可关闭悬浮窗

场景近期工作中有一个需求，在小程序的多个页面添加一个可关闭的悬浮窗，这个悬浮窗结构简单，是由一张图片和一个关闭按钮组成，点击图片会跳转到活动页面的web-view。现在的需求是在某个页面关闭这个悬浮窗后，所有页面不再显示，直到下次进入小程序。问题需求看起来不是很难，只要在全局状态管理设置一个悬浮窗是否显示的状态即可，但实际开发中还是遇到了一些问题。也是小程序比较坑的一些地方。除非你重新进入小程序，

The 土川·2024-01-27 13:53

uni-app 微信小程序之红包雨活动

文章目录1.页面效果2.页面样式代码1.页面效果GIF录屏有点卡，实际比较丝滑每0.5s掉落一个红包控制4s后自动移除红包点击红包消除红包（或者自行+1，或者弹窗需求）2.页面样式代码exportdefault{data(){return{redEnvelopes:[],redEnvelopeInterval:null,}},onLoad(options){//每秒创建一个红包setInterva

范特西是只猫·2024-01-27 13:22

掌握可视化大屏：提升数据分析和决策能力的关键(下)

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app

阿珊和她的猫·2024-01-27 11:42

Kepserver OPC 使用心得

1.连接需要频繁开关机的PLC,要避免一个驱动下挂载多个PLC,会导致通讯延迟大,反应速度慢.虽然有故障时降级功能,但还是感觉卡卡的如下图:2.相同的驱动避免复制粘贴,同样会可能导致通信不上的问题.3.当PLC死区数据变化特别快时调整4点,设置快速读取设置队列设置缓冲变化特别快的适当调整4.使用破解版的6.4或者6.5时项目无法保存或者另存为,重新破解下问题就能解决

fanwenhu·2024-01-27 09:21

uni-app h5对接 thinkphp5接口跨域

uni-apph5对接thinkphp5接口跨域问题描述请求接口提示AccesstoXMLHttpRequestat'http://*******'fromorigin'http://localhost:8091'hasbeenblockedbyCORSpolicy:Responsetopreflightrequestdoesn'tpassaccesscontrolcheck:Itdoesnoth

疯癫居士·2024-01-27 08:36

uni-app隐藏scroll-view的滚动条

/*隐藏滚动条*/::-webkit-scrollbar{display:none;width:0!important;height:0!important;-webkit-appearance:none;background:transparent;}

Maoyy·2024-01-27 08:59

微信小程序和uni-app的区别

微信小程序和uni-app都是应用程序开发框架，它们都可以用来快速开发应用程序，但它们有一些不同之处：微信小程序：微信小程序是腾讯公司推出的一种无需下载安装即可使用的应用程序，用户只需要在微信中搜索或扫描二维码就可以打开并使用

无妄的罪·2024-01-27 05:27

【Uni-App】Vuex在vue3版本中的使用与持久化

Vuex是什么Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简而言之就是用来存数据，可以有效减少使用组件传参出现的问题。基本元素：store（里面存数据），mutation（里面修改数据），action（里面异步调用mutation来修改数据），getter（获取数据）以下是一个表示“单向数据流

RisunJan·2024-01-27 03:56

uniapp获取定位

在uni-app中获取用户的地理位置信息，主要涉及使用框架提供的API来获取当前设备的位置。

翱翔-蓝天·2024-01-27 01:01

uniapp组件库fullScreen 压窗屏的适用方法

警告由于uni-app的Bug，在最新版的HX2.8.6(包括之前的多个版本)，此功能(组件)无效，等到uni-app修复此Bug时，我们会撤销此通告。

TechWhiz-晓同·2024-01-26 20:53

uniapp项目搭建

目录uni-app项目搭建路由request工具封装UI组件如何引入uni-app项目搭建什么是uni-appuni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS

qq_27169469·2024-01-26 19:49

uni-app App端的微信分享文字格式（类似淘宝商品复制链接）

1.试用商品购买，类似淘宝商品复制链接如图：image.png2.分享到微信好友与朋友圈代码如下：scene属性值WXSceneSession分享到聊天界面WXSceneTimeline分享到朋友圈WXSceneFavorite分享到微信收藏/**分享到微信*/shareWeChat(){varshareText='【'+this.goodsBean.name+'】'+'##长按复制此条消息，打开

郭的妻·2024-01-26 13:17

uni-app判断客户端环境是 Android、iOS 还是小程序开发工具

在百度小程序开发工具、微信小程序开发工具、支付宝小程序开发工具中使用uni.getSystemInfoSync().platform返回值均为devtoolsswitch(uni.getSystemInfoSync().platform){case'android':console.log('运行Android上')break;case'ios':console.log('运行iOS上')brea

Dove言和·2024-01-26 12:42

uni-app之网络请求解决跨域

一：uniapp网络请求第一步：新建uni-app项目第二步：在npmjs中下载第三方包（用于请求）安装步骤链接如下：@escook/request-miniprogram-npm1、打开uniapp项目的终端输入

bsegebr·2024-01-26 10:06

uni-app(微信小程序、钉钉小程序)打开第三方地图：uni.openLocation的使用

小白_ysf·2024-01-26 07:17

openssl 的 tls 命令和相关使用心得

声明：本文基于openssl1.1.1f版本服务端：Usage:s_server[options]Validoptionsare: -help Displaythissummary -port+int TCP/IPporttolistenonforconnections(defaultis4433) -acceptval TCP/IPoptional

吴东方·2024-01-26 05:19

uni-app的热更新功能

本功能结合一个大佬的功能，进行修改，此本也感谢大佬指点；importconfigfrom"./config.js"varUpdateVersion=function(){this.version=config.versionthis.updateApi=config.downloadthis.runEnv=config.runEnv}UpdateVersion.prototype={//版本号对比

甘道夫老矣·2024-01-25 23:47

UniApp 项目中配置环境变量

参考官方文档uni-app项目中配置环境变量主要有如下三种方式首先修改package.json文件"uni-app":{"scripts":{"mp-test":{"title":"测试环境","env

赵哥窟·2024-01-25 22:23

学习资料： uni-app HBuilderX

编译器：HBuilderXHBuilderX-高效极客技巧uni-app介绍：uni-app官网uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android

javaGHui·2024-01-25 18:11

uni-app 国际化

vuei18nv9的迁移后的$t()无法获取数组、对象http://t.csdnimg.cn/WkCHy[intlify]Notfound‘language’keyin‘zh-Hans’localemessages.[intlify]Fallbacktotranslate‘language’keywith‘zh’locale.[intlify]Notfound‘language’keyin‘zh’

javaGHui·2024-01-25 18:10

swagger可以获取数据，uni-app获取不到数据的原因

今天调接口写代码的时候，用swagger调用后端接口可以获取数据，而用uni-app写的post请求，虽然成功调到了接口却获取不到数据。

wuqingdepiaoke·2024-01-25 17:17

uni-app项目创建、配置数据库、整合SSM框架、自定义异常类和封装结果集、集成swagger、后端验证功能、抵御跨站脚本攻击等

学习内容：uni-app项目创建、配置数据库、整合SSM框架、自定义异常类和封装结果集、集成swagger、后端验证功能、抵御跨站脚本攻击、shiro框架和JWT技术思维导图程序目录结构wx.aoppackagecom.example.emos.wx.aop

Yodng·2024-01-25 16:16

uni-app之引用阿里字体库

1、阿里字体库的网址：https://www.iconfont.cn/2、选择微博账号登录3、开始挑选图标到购物车将图标挑选到购物车打开购物车，可以看到挑选的图标可以将图标加入自己创建的项目里面点击上图的“确定”按钮后，可以跳转到自己项目里面的图标或者从“资源管理--我的项目”，可以跳转到自己项目里面的图标4、编辑图标编辑图标的前缀编辑图标的颜色、名称5、下载阿里字体库阿里字体库的下载按钮下载后的

Cute_小肥鸡·2024-01-25 16:19

C#——MathNet.Numerics使用心得

C#数学类库使用心得1.使用LU分解求解线性方程组Ax=b的解(2019.3.17)2.将Matrix导出成Mat文件，使用Matlab打开(2019/5/9)1.使用LU分解求解线性方程组Ax=b的解

Paddi_z·2024-01-25 16:41

uniapp+vue3+ts --微信小程序tab导航可以上下滚动选中选项组件代码

———const{proxy}=getCurrentInstance()asanyimportcachefrom'@/utils/cache'import{onShow}from'@dcloudio/uni-app

小小黑007·2024-01-25 10:06

uniapp子组件onReachBottom、onPageScroll不触发

那么第一级一定要加一下代码import{onReachBottom}from'@dcloudio/uni-app';//触底onReachBottom(()=>{})第二第三级可以为空。

烂不烂问厨房·2024-01-25 10:04

【仿网易云H5部署】Nodejs后台 + uniapp前台部署

前言之前在b站跟着学习写了前锋的uniapp项目,在这里记录一下H5版本的部署上线的过程.这是该项目的b站链接:【千锋教育】前端项目_uni-app入门到实战项目之《仿网易云音乐》_哔哩哔哩_bilibili

想跳上月球·2024-01-25 06:15

uni-app导航栏自定义“返回按钮”多种方法设置原生返回

方法一、导航栏返回按钮事件onBackPress监听页面返回，返回event={from:backbutton、navigateBack}，backbutton表示来源是左上角返回按钮或android返回键；navigateBack表示来源是uni.navigateBack；详见app、H5、支付宝小程序onBackPress(){this.back1();returntrue;},methods

abiao1981·2024-01-25 06:37

webpack 核心武器：loader 和 plugin 的使用指南（下）