uni-app开发微信小程序：根据Vite的Env变量判断当前是否是开发环境

于 2024-09-19 15:54:56 发布
阅读量204 收藏
点赞数 2
文章标签： uni-app Vite
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/panghuangang/article/details/142362652
版权

https://vitejs.dev/guide/env-and-mode.html
在这里插入图片描述

根据变量值的不同，可以在开发环境、生产环境设置不同的值。例如下面的代码示例，如果是开发环境，page的值设置为30，否则设置为1：
在这里插入图片描述

听海边涛声
关注
Vue+Uni-app(uniapp)入门与实战+赠送仿美团点餐小程序
05-08
本课程讲了Vue3+Vue2+Uni-app(uniapp)入门基础与实战，其中还重点讲解了ES6、TypeScript这些基础知识，实战由两大价值5000元的真实企业级项目组成，分别是仿京东电商网站和仿美团微信点餐小程序，同时两大项目代码全部赠送，还赠送前后端架构模板，工作中直接使用。VUE和uni-app是目前热门的前端框架，本课程教你如何快速学会VUE和uni-app并应用到实战，教你如何解决内存泄漏，常用UI库的使用，自己封装组件和插件，正式上线白屏问题，性能优化、解决iphoneX“刘海”兼容性问题、微信支付、微信授权登录，获取位置在地图上显示，获取用户所在的城市和街道信息，微信小程序发布审核等。对正在工作当中或打算学习VUE和uni-app高薪就业的你来说，那么这门课程便是你手中的葵花宝典。学习技巧：学习当中不要只看，一定要多敲代码，如果碰到某一个知识点不是很明白，不要钻牛角尖，千万不要因为一个点，放弃整个森林，接着往下学，硬着头皮开发项目。只要能亲自开发一个完整的项目，你会发现不明白的地方自然而然就明白了，项目做出来就真正的学会了。此vue和uni-app课程以面试和实战为基础进行讲解，每个知识点都会让你知道在实际项目开发中如何使用，学习后，可以开发大型项目，增强逻辑思维，至少让你拥有3年以上开发经验的实力！代码和ppt均可下载！免费提供《企业级完整实战项目接口文档》，绝对可用
uinapp 开发环境和生产环境
最新发布
ljh574649119的专栏
04-23 735
uni-app 可通过 process.env.NODE_ENV 判断当前环境是开发环境还是生产环境。一般用于连接测试服务器或生产服务器的动态切换。console.log('开发环境');console.log('生产环境');
2021年11月12日17:48:34
qq_44429079的博客
11-12 673
api.js /** * 接口列表文件 */ export default { user: { //获取sessionkey login: { url: 'userLogin', auth: false, method: 'POST' } }, lease: { findcar: { url: 'lease/leaseWhite', auth: false, method: 'POST' }, modifyWhite: .
uniapp开发环境配置
qq_51075439的博客
05-09 1901
前端在开发项目过程中需要区分各个环境(devlopment、test、production)的配置，例如请求地址，api等，像vue是用.env文件配置的，那uniapp在使用HBuilderX的方式部署时，.env文件是加载不到的。最近写H5发现了一种简单的方式工作中小总结，有问题欢迎指正。
uniapp 微信小程序多环境配置及使用
热门推荐
我总是词不达意的博客
03-22 1万+
uniapp 微信小程序多环境配置及使用，微信小程序自定义环境变量，根据环境变量更改请求地址
uni-app自定义多环境配置，动态修改appid
weixin_43180359的博客
08-17 8761
在企业级项目开发中，一般使用不同的打包命令改变环境变量解决不同环境各种变量需要手动修改的问题，比如接口请求地址，不同环境的请求路径前缀都是不同的。变量对象中添加的是需要根据不同环境配置的变量，比如后端服务请求地址，小程序。但在很多企业中，可能就2个环境并不能满足实际场景，同时在开发微信小程序时，测试和生产都是不同的。一般小程序也就测试和生产两个环境，环境太多都要重新申请账号也麻烦。扩展节点，实现自定义条件编译平台，让每种编译具有不同环境标识。再扩展vite.config.js配置文件，用环境标识判断重写。
基于微信小程序的办公系统，基于vite,Vue3,Pinia,Typesrcipt,uni-app等技术栈开发.zip
12-13
【标题】基于微信小程序的办公系统，基于vite,Vue3,Pinia,Typescript,uni-app等技术栈开发 【描述】这是一个计算机类的毕业设计项目，它使用了最新的前端开发工具和技术，构建了一个微信小程序应用，适用于日常办公...
react-typescript-vite-app:脚手架和开发@vitecreate-app --template template-react-ts
08-03
总结来说，`react-typescript-vite-app` 提供了一个高效、现代化的开发环境，结合了 React、TypeScript 和 Vite 的优点，让开发者能够快速启动和迭代 React 应用程序，同时保证代码质量和开发效率。通过深入理解和...
uni-app+Vue3+pinia+uview-plus搭建的项目包
12-28
uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-...
vite-plugin-html-env:一个重写HTML的Vite插件
05-01
vite-plugin-html-env 一个用于重写html的Vite插件用法npm install --save-dev vite-plugin-html-env# oryarn add vite-plugin-html-env -D // vite.config.jsimport VitePluginHtmlEnv from 'vite-plugin-...
AJ-Captcha for UNI-APP VUE3 VITE实例
01-03
AJ-Captcha官网只提供了UNI-APP VUE2的实例，放到VUE3里不通用的，所以调整了下代码，以满足VUE3 VITE，喜欢就拿去用。...兼容微信小程序，APP开发。一款很不错的验证码开源小工具，支持点选汉字跟图片滑动验证。
Uniapp 结合 dotenv，cross-env多环境配置
weixin_53639419的博客
01-25 1059
官网的ts项目包，其中.env是我自己加上去用于配置环境的，让我们下载这两依赖安装dotenv与cross-env两库到开发依赖配置vite的--mode为production不起作用，运行后VITE_USER_NODE_ENV 仍然为'development'，假如我们配一下cross -env 如果同名的话，其中uni配置的变量仍然会重置为development运行script我们来打印VITE_USER_NODE_ENV，NODE_ENV 还是development。
uni-app根据运行环境自定义环境变量
weixin_43938253的博客
04-03 6086
hbuilderX创建项目的自定义环境变量设置
uni-app
练体育的程序员的博客
07-18 1075
uni-app 学习，网络封装，echarts使用
uniapp 多环境配置
yangqii的博客
04-13 2213
4..env配置：
uniapp踩坑笔记01-环境部署开发环境和生产环境
hu585858hu的博客
07-21 3041
最近用uniapp开发项目，作为一个后端还是遇到了不少坑，在此记录一下。开发环境，测试环境，发布环境不同环境下部署的参数和接口都是不一样，这是一个很基础的需求。uniapp的文档写的有点乱，很容易一头雾水，其实并不难就是要分清uniapp的HBuilderX和vue工程下的区别。这里不多赘述，简单来说就是：
uniapp 中自定义其他的环境变量
业余前端的职业经历
11-08 3561
之前搞vue的时候 可以通过 .env的方式配置开发测试和线上需要的环境变量。 这个到了uniapp中 看到 只有 development 和 production 这两个条件了 process.env.NODE_ENV 但是我如果需要其他的变量怎么办呢： 比如 测试 test等 我看了一些网友的方式 首先通过cli方式的 pass 因为我的就不是通过cli创建的 再其次就是通过手动方式更改的 也不行，如果手动更改判断环境的话 还不如不要 要的就是通过 npm run build:test 或者 npm r
【uni-app】运行环境判断
03-20 1570
● 在HBuilderX 中，点击“运行”编译出来的代码是开发环境，点击“发行”编译出来的代码是生产环境。uniapp可通过process.env.NODE_ENV判断当前环境是开发环境还是生产环境。一般用于连接测试服务器或生产服务器的动态切换。● cli模式下，是通行的编译环境处理方式。
Vue3和uni-app结合的微信小程序项目搭建指南
在本节中，我们将深入探讨与标题"uni-app vue3 vite ts 空项目"相关的核心知识点，并对描述中涉及的uni-app、微信小程序、pinia状态管理、request网络请求封装以及测试组件等概念进行详细的说明。 1. **uni-app概述...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值