【uni-app】第50页

uni封装ajax,uni-app封装ajax请求方法

1.在项目的根目录下创建Common文件夹，用于存放以下的JavaScript文件。2.在Common目录创建：baseconfig.js。代码如下：varbaseconfig={};if(process.env.NODE_ENV==='development'){baseconfig={server:开发时IP:端口号}}elseif(process.env.NODE_ENV==='produc

熊凌云·2023-08-01 12:38

uniapp使用ajax发送请求,uni-app中使用rpc协议请求

1、首先安装一个rpc包npminstalljs-jsonrpc-request2、通用请求ajax.js简单封装。注意的是：入参我的是数组，出参是一个简单变量。github给的例子，入参是对象，出参也是对象，这块有需要可以修改。`importJsonRpcClientfrom'js-jsonrpc-request';importrequestUrlfrom'@/common/requestURL

领研网·2023-08-01 12:38

uni-app的创建与使用--1

一、uin-app简介由dcloud公司开发的多端融合框架1次开发多端运行竞品：apiCloud，appCan，Codova技术架构Vue语法+小程序的api多端Hybrid混合开发1.App端HTML+nvue（原生view）native.js(js原生沟通的桥梁)weex内置ios/安卓的模块使用2.H5端h5专用api3.各种小程序（微信为主）二、准备工具Hbuilderx（开发与编译工具）

还没秃头的初级前端程序员·2023-08-01 12:38

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

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

菠萝咪·2023-08-01 12:38

uni封装ajax,自己写一个uni-app的ajax接口

自己项目需要，封装了一个ajax接口，对接于Graphql接口，可以自己手动改一部分importconfigfrom"./config.js"letajax={//默认配置config:{baseURL:'http://127.0.0.1:9904',header:{'Content-Type':'application/json;charset=UTF-8',"Access-Control-Al

不懂就承认·2023-08-01 12:08

uni-app设置请求头无效

问题描述最近在写前端是uni-app框架的前后端接口联调，之前把验证token的拦截器关闭了，打开token拦截器之后发现无论怎样往请求头里面添加token，后端获取到的都为空。

Luke.Du·2023-08-01 12:37

uni-app发请求放在哪个生命周期函数好

1.onLoad:页面加载了才发请求，在onLoad中发送请求是比较科学的。2.onShow:每次渲染页面就会发请求，会多次触发，会重复触发，页面隐藏显示也会触发，所以在这里发送请求不科学。3.onReady:页面初次渲染完成了，但是渲染完成了，你才发送请求获取数据，就有点太慢了，在这里发送请求不也太科学。数据加载完获取高度用this.$nextTick()方法let_this=this;this

jieruis·2023-08-01 12:06

uni-app中ajax请求uni-request封装

第一步：npmiuni-request-Suni-app目录中默认是没有package.json文件，我们需要通过npminit进行生成，生成之后就可以执行上面的命令第二步：importuniRequestfrom'uni-request'uniRequest.defaults.baseURL='这里输入请求的网址'uniRequest.defaults.headers['X-Requested-

jiangmb2008·2023-08-01 12:36

uni-app ajax请求进行封装(待改进)

组件封装(promise)：uni.addInterceptor("request",{//请求拦截器拦截器触发invoke(res){//if(res.url)res.url="https://pcapi-xiaotuxian-front-devtest.itheima.net"+res.url;},success(res){console.log(res.data);},fail(err){c

2301_77104436·2023-08-01 12:05

uni-ajax网络请求库使用

uni-ajax网络请求库使用uni-ajax是什么uni-ajax是基于Promise的轻量级uni-app网络请求库,具有开箱即用、轻量高效、灵活开发特点。

秋叶原的琴音·2023-08-01 12:04

loaderContext.getOptions is not a function

使用uni-app开发微信小程序，一段时间未修改代码情况下，允许项目报错，或者重新下载npminstall报错loaderContext.getOptionsisnotafunction解决版本vue2node14.15.0

uuai·2023-08-01 12:16

学习uniapp

uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）

熊七公在路上·2023-08-01 11:25

使用web-view实现网页端和uni-app端是数据传输

要实现这个功能第一步：要在vue的public文件夹下面引入第二步：建立一个新的空的uni-app项目第三步：在uni-app项目中新建一个hybrid文件夹，下面再建一个html文件夹，把打包好的vue

什么意思哦呢嗯·2023-08-01 11:44

附录1-将uni-app运行到微信开发者工具

目录1在manifest.json写入AppID2配置微信开发者工具的安装路径3微信开发者工具的安全设置4运行5修改一些配置项1在manifest.json写入AppID2配置微信开发者工具的安装路径如果你忘了安装在哪里了，可以右键快捷方式看一下属性在运行设置中找到微信开发者工具路径，然后选择到文件夹一级就可以了写完了直接关闭Setting.json就行了3微信开发者工具的安全设置之后进入微信开发

Suyuoa·2023-08-01 11:44

前端vue uni-app cc-countdown倒计时组件

在本文中，我们将介绍如何在uni-app中使用cc-countdow

前端组件开发·2023-08-01 11:43

uni-app中对于金额输入的验证(保留两位小数)

input事件中绑定事件handleInput(e){letval=e.target.value;val=val.replace(/^./g,"");val=val.replace(/[^\d.]/g,"");//清除"数字"和"."以外的字符val=val.replace(/.{2,}/g,".");//只保留第一个.清除多余的val=val.replace(/^0+./g,"0.");val=

微笑向暖hh·2023-07-31 08:12

用HBuilderX构建uni-app项目 scss全局变量问题

/variables.scss")导入自定的scss变量暂时只能使用项目生成的uni.scss写全局变量而且注意：HbuilderX构想uni-app项目时选第一个Hello...带组件,api那个就会有生成

LeungJhowe·2023-07-30 20:05

uniapp 全局数据（globalData）的设置，获取，更改

这套机制在uni-app里也可以使用，并且全端通用因为uniapp基本上都是将页面，或者页面中相同的部分，进行组件化，所以会存在父，子，（子，父）之间的传值的情况，但在某些情况下，可以选择将内容设置为一个全局的变量

song19990524·2023-07-30 06:15

基于SpringBoot + Vue 开发的前后端分离外卖点单系统，采用Shiro进行权限管理，使用uni-app开发微信小程序，支持微信登录、Redis缓存、quartz定时、导出数据等功能。

山上有虎·2023-07-30 04:30

生命周期函数

应用生命周期uni-app支持如下应用生命周期函数：onLaunch：当uni-app初始化完成时触发（全局只触发一次）onShow：当uni-app启动，或从后台进入前台显示onHide：当uni-app

记录学习生活·2023-07-30 00:49

uni-app 小程序分包

小程序创建完成后，只有一个主包image.png分包原因大部分小程序要求压缩包体积不能大于2M，否则无法真机运行，真机调试和发布基本当小程序超过2M之后就需要进行分包分包后可解决2M限制，并且能分包加载内容，提高性能各平台目前对分包个数没有限制加载说明主包：小程序首次启动的时候，默认就会加载的包，在没有分包的情况下整个工程就可以看做是一个主包，小程序为了支撑起第一次启动后页面的展示，会加载所有的包

渺渺空空·2023-07-29 20:14

【uni-app】uniapp如何实现左滑删除以及改造uni-ui中的swiperAction

左滑删除或者置顶之类的功能我们经常要实现，类似于微信的删除聊天框的结构我就不贴图了1-如何在uniapp中实现左滑删除我使用的是uni-ui中的swiperAction不得不说性能还是不错的。大家想自己手动封装这个框架也是可以的，可以下载下来源码看看人家的实现思路，在h5和小程序上主要就是使用touchstart和touchend来监控的插件地址：uni-swipe-action滑动操作-DClo

鱼子酱酱酱·2023-07-29 19:04

【uniapp】uniapp中使用websocket

在这里附上官网链接，官网对与socket的使用写的还是很详细的websocket：https://uniapp.dcloud.net.cn/api/request/websocket.htmlsocketTask：uni-app

鱼子酱酱酱·2023-07-29 19:04

uni-app打包成apk文件

签名准备:1.生成签名-要求：配置java环境，且jdk版本不能太高，否则查看不到MD5指纹1.找到jdk->bin目录，打开cmd窗口2.运行生成证书命令，注意：记住定义的别名，之后会配置keytool-genkey-alias你定义的别名-keyalgRSA-keysize2048-validity36500-keystore名字.keystore3.填写密码，姓名，等等示例：密码：xxxxx

倒在路上的羊·2023-07-29 12:47

uni-app生成安卓apk文件

1.Androidstudio上生成.jks文件（Androidstudio--build--GenerateSignedbundle/APK...--androidAppBundle--nextd）。2.使用HbuilderX工具生成apk包

[email protected]·2023-07-29 12:16

uni-app 云打包apk生成证书文件

uni-app云打包apk生成证书文件1.安装jdk或者jre2.配置好jdk/jre环境变量3.打开命令行运行如下命令：keytool-genkey-aliasmy_3d_characters-keyalgRSA-sigalgSHA256withRSA-keysize2048

mmzzll2019·2023-07-29 12:16

对uni-app开发的某app安全分析

原帖地址：对uni-app开发的某app分析已经发公众号的为什么还发csdn有的圈内朋友，不经过我的允许，删减摘录我公众号的内容，这里就不提谁了，心里清楚，还能获得一些关注和流量。

I am geekbyte·2023-07-29 12:45

Uni-app框架

下面是一篇关于uni-app开发的示例博文，重点介绍了uni-app的基础知识和开发实践。你可以根据自己的需求和兴趣进行修改和扩展。

怡蒅·2023-07-29 12:15

uni-app如何生成正式的APK

第一步：进入dcloud官网https://dcloud.io/，点击开发者后台进入登录注册页面第二步：登录之后跳到项目列表，选择自己想要打包的项目点击进去如果没有生成证书，点击生成证书，如果显示证书已生成就不用管了，检查一下appid和项目中的manifest.json中的appid是否一致。第三步：点击Hbuilderx中的发行，选择第一个原生APP-云打包，弹出下面打包的弹框，选择自己想要的

什么意思哦呢嗯·2023-07-29 12:44

uni-app使用vue3、ts开发小程序微信分享到朋友和朋友圈

公司小程序商品详情页面需要用到微信分享和朋友圈分享的功能官网：uniapp官网介绍实现方式：1.微信分享import{onLoad,onShow,onHide,onShareAppMessage,onShareTimeline}from'@dcloudio/uni-app'onShow

前端菜鸟好先森·2023-07-29 12:02

uni-app中实现主题切换功能

在uni-app中实现主题切换功能，可以使用vuex状态管理，具体实现如下：安装vuex插件：npminstallvuex创建vuex的store：//store.jsimportVuefrom'vue'importVuexfrom'vuex'Vue.use

alpha_xiao·2023-07-29 12:51

uni-app scroll-view事件无法触发的问题

templateimage.pngscroll-view需要给定一个固定高度，如果不确定的话，就先给一个“100vh”，然后监听一下就可以了

逍遥至尊灬寳·2023-07-29 09:55

Uni-app与Vue、微信小程序开发的区别，以及Uni-app实现多端开发的基本原理

目录uniapp基本介绍uni-app的优缺点小程序组件和API有哪些Uni-app并不支持某些平台上的高级特性weex引擎nvueuniapp与vue和微信小程序的异同点uniapp怎么实现多端开发的条件编译指令

一条爱学习的咸鱼·2023-07-29 08:14

uni-app开发日志[20220219]：汇总一些遇到的奇奇怪怪的开发问题（vue3版本为主）

另两篇组件和api的问题：uni-app开发日志：官方、第三方组件开发问题（vue3版本为主）uni-app开发日志：官方、第三方API开发问题（vue3版本为主）HBuilderX中如何为项目选择vue3HBuilderX

暂时先用这个名字·2023-07-29 07:15

uni-app开发日志[2022022701]：解决因异步原因导致子组件调用父组件中uni-form表单验证事件时发生的错误及uniform、promise、async、await的同步异步使用注意点

标题不知道怎么取好，有建议留言uni-form是uniapp官方组件，其中表单验证部分使用异步方式，这样当子组件调用父组件的验证事件时，该验证事件将排在最后执行从而导致无法获得正确验证结果。解决这个问题需要结合表单验证、同步异步、promise、catch、then、async、await等内容。注意，本文代码使用的是vue3.0，其它版本尚未测试过。先对uni-form的部分表单验证有个了解un

暂时先用这个名字·2023-07-29 07:15

【uni-app踩坑记录】observers在uni-app的替代（watch和computed实现监听数据）

项目场景：最近学习HbuilderX开放微信小程序，小程序的属性插值在vue中并不适用，例如但是在vue中不起作用原因分析：vue有自己的语法，这种情况需要用到watch和computed的结合来监听数据的变化解决方案：比如我要用三个按钮控制rgb三个颜色值，从而来控制一块区域的背景色如果是在微信开发者工具的话，就比较简单可以参考黑马程序员教程来实现但是如果使用vue语句，则无法与其一致，我是这样

临金·2023-07-29 04:13

uni-app使用踩坑记录总结（持续更新）

最近在用uni-app框架写小程序，碰到了一些用正常方法实现不了的地方，在此先记录一下目录1.动态样式display问题2.动态切换背景图片3.uni-list列表添加点击事件4.输入框placeholder

夏-小-舟·2023-07-29 04:13

uni-app 开发安卓app踩坑记录

uni-app离线打包android——官方文档Androidstudio打包apk后弹窗提示“打包时未添加ui模块”在工程应用目录的build.gradle文件中buildTypes下的minifyEnabled

xintianyou丶·2023-07-29 04:13

78 uni-app踩坑记录 map组件打包apk 打包配置

1.设置页面高度100%App.vue文件/*解决头条小程序组件内引入字体不生效的问题*//*#ifdefMP-TOUTIAO*/@font-face{font-family:uniicons;src:url('/static/uni.ttf');}/*#endif*///不要写到#ifdef#endif里面page{height:100%;}2.自定义组件使用components--新建组件my

smallcelebration·2023-07-29 04:41

uni-app 踩坑记录（持续更新）

Input：1、Focus,h5平台根据各家浏览器决定是否自动聚焦；2、支付宝无法自动聚焦且ios在支付宝平台发起验证码，键盘没有一键粘贴板；3、百度在自动聚焦时blur事件总是先于focus事件，因此在多个input存在的情况下，要靠程序自动唤起Binput聚焦，必然会先执行A的失焦事件，然后再执行B的聚焦事件；4、不同机型在允许自动聚焦功能的平台上，聚焦和失焦的事件处理也会有差别，ios普遍失

呔，你这厮～·2023-07-29 04:41

uni-app 踩坑记

uni-uiuni-datetime-pickeruni-datetime-picker必选时分秒控制（未选时间时禁止确认）

行胜于思·2023-07-29 04:41

通过cli方式创建Uni-App项目踩坑日记

1如何安装使用sass和sass-loader？安装sass和node-sass，sass-loader请使用低于@11.0.0的版本，[email protected]不支持[email protected]安装完成即可使用，无需webpack配置。2如何使用uni-ui？2-1使用npm安装的组件，默认情况下babel-loader会忽略所有node_modules中的文件，导致条件编译失效，需要通过配置

我想叫蜡笔小小新呀·2023-07-29 04:11

uni-App踩坑记录

1、uni自己封装的axios在真机中失效，发不出请求uniapp中使用axios需要配置适配器(添加适配器有点费劲，直接封装uni自带请求也可以)[axios-adapter-uniapp传送门](https://www.npmjs.com/package/axios-adapter-uniapp)```axios.defaults.adapter=function(config){//自己定义

早上不想起_·2023-07-29 04:41

uni-app踩坑日记

小程序之间的跳转uni.navigateToMiniProgram()uni.navigateToMiniProgram({appId:'跳转小程序的appId',path:`跳转页面url`,extraData:{"data":"参数"},success(res){console.log("跳转成功");}});坑点：虽然微信小程序官方文档中说现在已经不需要在app.json中配置navigat

我若丶·2023-07-29 04:41

uni-app踩坑记录

uni-app问题记录——scroll-view组件多个scroll-view绑定功能描述解决方法双向绑定的bug其他多个scroll-view绑定在做项目过程中遇到一个问题，需要做一个类似table的表格

h_h_y1994·2023-07-29 04:37

uni-app踩坑记

打包h5如何配置域名：在manifest.json中配置域名配置完成后无论是测试环境还是正式环境都带上/mobile/，否则会报错404如何引入调试工具erada:在默认的index.html中直接引入erada，页面样式会整个错乱，解决方案就是引入官方的index.html模板，再到上面引入外部JS-->-->-->-->varcoverSupport='CSS'inwindow&&typeof

GA莹莹子·2023-07-29 04:36

uni-app的路由跳转

首先uni-app提供的路由跳转分为两种，一种是声明式跳转，另一种是编程式的跳转，而这和原来的vue-router的实现是一样的。

似朝朝我心·2023-07-29 01:46

uni-app uni-icons图标不显示问题

这项改成false在main.js当中把uni-icons.vue设置成全局组件importUniIconsfrom'./uni_modules/uni-icons/components/uni-icons/uni-icons.vue'Vue.component('UniIcons',UniIcons)

Erica_莲子·2023-07-28 23:42

uni-app 微信小程序弹出输入框在安卓手机上点击不了

//userFeedbackHidden//原因是文本域高度的问题//这是有问题的.popup_overlay{position:fixed;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:.80;filter:alpha(opacity=88);}

qq_43427657·2023-07-28 22:24

uView 在 uni-app 中的使用

1.uView安装2.uView在uni-app中的使用一、uView是什么？

骆骆爱学习·2023-07-28 21:30

推荐频道

【uni-app】