文章目录一、为什么要配置环境变量?二、在Vite中配置环境变量1.环境变量和模式2.环境变量3.生产环境替换4.env 文件总结一、为什么要配置环境变量?在一个产品的前端开发过程中，一般来说会经历本地开发、测试脚本、开发自测、测试环境、预上线环境，然后才能正式的发布。对应每一个环境可能都会有所差异，比如说用户访问资源权限、服务器地址、接口地址等。在各个环境切换的时候，就需要不同的配置参数，所以就可以用环境变量和模式，来方便我们管理。二、在Vite中配置环境变量1.环境变量和模式因为项目使用VIte创建的，所以在配置环境变量之前我们需要查看在Vite中的环境变量和模式，官网地址 2.环境变量Vi
简介（下载地址）Ba-Websocket是一款原生websocket服务插件，可在后台运行。支持自动重连、心跳检测；支持常驻通知保活。支持开启服务、停止服务支持发送消息、接收消息支持自动重连、心跳检测支持常驻通知保活支持查询服务开启状态支持监听websocket连接状态支持多页面订阅消息支持设置唯一标识，以区分设备使用方法引用在script中引入组件 constwebsocket=uni.requireNativePlugin('Ba-Websocket')示例可在页面script中调用（示例参考，可根据自己业务和调用方法自行修改）script> constwebsocket=uni.requ
使用uniapp实现移动端手机号一键登录功能。uni一键登录是DCloud联合个推公司推出的，整合了三大运营商网关认证能力的服务。通过运营商的底层SDK，实现App端无需短信验证码直接获取手机号，也就是很多主流App都提供的一键登录功能首先需要登录DCloud开发者中心，申请开通一键登录服务。 开通后会得到ApiKey和Apisecret，和计费有关，扣费凭证，请勿泄露此信息！点击应用管理——我的应用——创建应用，填写信息，appid在manifest.json的基础配置中，Android应用签名可以使用云打包的公共证书签名，也可以生成自有证书。添加应用后点击一键登录-基础配置-添加应用（不创
本项目框架(vue3)：Vite+TS如果没有进行配置，运行项目之后，看到的访问地址是本地访问地址，其他人访问不了。如下：如果想要其他人也可以访问，需要设置内网ip访问地址，设置方法如下：一、配置“vite.config.ts”文件在项目根目录下的“vite.config.ts”文件中，添加serve配置“host:‘0.0.0.0’”，即添加以下代码：server:{host:'0.0.0.0'},如图所示：添加server配置后保存“vite.config.ts”文件，并重新运行项目---npmrundev可以看到本地localhost访问地址+内网访问地址，这两种方式的访问地址，如下：这
Vite打包性能优化开始一个Vite+ts项目分包策略gzip压缩cdn加速开始一个Vite+ts项目这里我们开始了一个Vite+ts的项目，其中关于ts的配置直接看内容注释即可npminit-ynpmivite-Dnpmvite-plugin-checker-D#用来强制提示ts报错DOCTYPEhtml>htmllang="en">head>metacharset="UTF-8">title>Documenttitle>head>body>scriptsrc="./src/main.ts"type="module">script>body>html>//tsconfig.json{"com
1.前言这是大三上学期移动互联网的pbl，小组合作使用uniapp开发一个小项目我们选的题目是“考研app”，我是组长，负责组织+地图页面+个人中心+微信小程序发布（个人感觉，小组群里还是氛围挺好的，虽然多数情况下是我一个人水群）小程序二维码（ps:uniclud没续，已经连不上了=.=)看个样子吧~2.uniapp开发-地图页面需求之院校地图：在页面内绘制中国地图，以省份为单位展示院校信息，在下方空白处显示院校信息：是否为985、211、双一流。并实现，点击院校跳转到该校的研究生招生网。组件：基于echarts组件绘制地图JSON文件：自行百度全国各省份985、211、双一流院校，并存为js
uniapp页面间传参的几种方法在Uniapp中的传参主要分为以下三种类型：上级页面→下级页面（单向）上级页面←下级页面（单向）上级页面↔下级页面（双向）本文将围绕这三种传参展开，分享其使用方法以及我使用中所遇到的问题与解决方法。一、上级页面→下级页面（单向）uni.navigateTo:URL编程式传参作为最常用也是最简单的跳转携带参数的API，这里不多赘述，想详细了解的朋友可以前往官方文档学习，这里只做传参分享。官方文档：uni.navigateTo(OBJECT)携带静态参数//在起始页面跳转到test.vue页面并传递参数//作用场景，需要提供固定传参状态的页面，一般和动态参数一起使用
该教程基于uniapp封装组件webSocket进行讲解1、申请连接用法2、回调方法，打开socket用法作者的话3、发送消息法子1法子2作者的话uniapp地址：https://uniapp.dcloud.net.cn/api/request/websocket.htmlhttps://uniapp.dcloud.net.cn/api/request/socket-task.html这两个网址的api都有用到，接下来会进行讲解说明先讲一下整体的思路，也就是整个过程的走法和流程应该是怎么样的。1、申请连接2、回调方法，打开socket3、发送/接收处理消息等逻辑1、申请连接看上图，在WebSo
前言如果需要Vue版本的锚点定位功能，请访问：Vue/Nuxt-锚点功能开发。本文实现了uniappH5/小程序/App锚点定位功能组件，搭配选项卡进行点击与“经过”联动效果，您可以直接一键复制组件源码，参考示例代码运行起来稍微改改就能用了，如下图所示，您只需要设置好锚点、选项卡配置，然后插槽（Slot）传入你的全部DOM即可，另外你可以随意更改组件源码，比如选项卡样式不满意想改一改等。示例代码干净整洁，无任何乱七八糟的无关代码组件源码位置无所谓，后面确保引入路径正确即可。在components文件夹下，新建anchor.vue文件，一键复制如下代码。&
最近在使用uniapp去开发微信小程序 其中不乏遇到一些问题，我都会发出来。 万一自己别的时候忘记，但是需要用了。 uniapp中开发微信小程序，当使用 @click.stop 去阻止事件冒泡的时候会发现，@click.stop 并没有生效，就很神奇问题如图:解决问题方案把使用 @click.stop 去阻止事件冒泡的改成 @tap.stop 去阻止事件冒泡解决问题如图： 当然解决问题的方案有很多，并不是这一种也可以在我们事件函数里面添加阻止冒泡的代码例如event.preventDefault()阻止默认事件@click.prevent
