微信小程序踩坑之访问APP对象中的常量

最新推荐文章于 2026-05-08 05:07:06 发布
原创 最新推荐文章于 2026-05-08 05:07:06 发布 · 1.7k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#小程序
本文介绍了一个在开发过程中遇到的问题：如何正确地拼接URL。在使用全局变量进行URL拼接时，需要注意变量名的大小写一致性。文章通过一个具体案例说明了如何避免因大小写不一致导致的错误。

在做上传图片的功能，需要拼接URL，在app.js中已经定义了接口的常量：

而且同在app.js中看到直接用URL形式调用，就在我售后上传图片的模块中直接写URL拼接如 URL+ 'uploads/image'，是不对的，会直接报undifiend

因为在其他page中，需要把这个URL当成全局变量来使用，所以需要在app.js中定义globalData

但是在访问用App.globalData.URL+ 'uploads/image'调用，又报undifined，为啥呢？切记大小写！我在app.js中定义的常量是大写，但是写到全局变量时是小写，所以注意这个细节！

 

用上图的拼接路径是对的：

【微信小程序】微信小程序全局变量 globalData 详解：5大技巧带你轻松管理全局数据
java专栏
11-18 1257
globalDataglobalData在app.js文件中，你可以定义globalData对象，并初始化全局数据。通过本文的详细介绍，相信你已经掌握了微信小程序中的全局变量globalData。从基本用法到高级技巧，每一个部分都有详细的解析和示例代码，帮助你更好地管理和传递全局数据。如果你有任何疑问或需要进一步的帮助，欢迎随时留言交流。祝你在微信小程序的开发之旅中一帆风顺！希望这篇文章对你有所帮助，如果你有任何问题或需要进一步的解释，欢迎随时提问！😊。
【微信小程序】全局变量globalData
墨夶的博客
11-14 2891
globalDataglobalData在微信小程序的入口文件app.js中，可以通过App函数的实例化对象来定义globalData。globalData是一个对象，可以包含任意数量的属性，这些属性将在整个小程序中可用。// app.jsApp({// 小程序启动时执行的初始化操作},});通过合理使用globalData，可以有效地在微信小程序的不同页面和组件之间共享数据，简化数据管理，提高开发效率。希望本文的内容能够帮助你更好地理解和使用globalData。
微信小程序中设置全局变量
qq1104261989的博客
06-13 1005
转自wen_3370  http://blog.csdn.net/wen_3370/article/details/54644950 为了提高程序的可用性我们在做项目的时候一定要设置全局变量微信小程序里面有个app.js，我们可以在这个里面设置全局变量，[javascript] view plain copyglobalData:{ userInfo:null, test:"test" } [j
微信小程序中全局变量的应用
zxcvb0825的博客
12-06 3500
/ app.jsApp({},// 其他生命周期函数等})在上述代码中，我们在 App 实例中定义了一个 globalData 对象，其中包含了 userInfo 和 appId 两个属性。
微信小程序开发入门（ES6用法）
Danown的博客
10-13 1741
一、const 定义常量 常量无法被覆盖 const a = 123; a = 456 //会报错，因为常量无法被覆盖 二、let 块级变量 用let定义的变量只在块中（例如花括号）起作用，离开变量外界的块，就会被销毁 if(true){ var a = 123; let b = 456; console.log(b); //正确 } console.log(a); console.log(b); //报错，访问不到 三、模板字面量 用于字符串拼接和写模板，使用·（反引号，左
详细介绍微信小程序app.js
河西~石头
04-07 3854
详细介绍微信小程序的app.js的结构和使用方法
前端笔记 —— uni-app踩坑记录
紫de飒殇的博客
12-27 1350
uni-app踩坑记录。
uniapp踩坑记录
u014636613的博客
10-03 1902
来自同事和自己的一些踩坑记录： 1、页面生命周期onLoad和onInit函数无法使用async await。 2、uni-app主题色改变功能只能使用css变量，无法使用scss变量，且绑定根元素样式中不能直接绑定整个对象，必须把每一个选项列出来。在使用时要用横杠不能用驼峰 3、每个页面组件最外层都要包一层view，不然在高度计算时会出现问题。 4、拆分引用组件时，引用路径一定要完整引用到.vue，无法用index.ts/index.js。编译之后小程序会报组件引用不到的错误。 5、微信小程序websoc
微信小程序踩坑
IcerZengJC
06-19 373
微信小程序踩坑 微信小程序踩坑 calc计算长度 标签传值 scroll-view 中 flex 布局失效 使用 wx.request() 报错 GET 400 (Bad Request) navigator标签无法跳转 使用云函数时 wx-server-sdk报错 calc计算长度 使用 calc() 函数计算长度时并未得到预期的结果 错误 height: calc(~"100vh-50rpx"); width: calc(~"100vw+50rpx"); 注意 ： 计算符号+等和数字间得有空
别再踩坑了！uni-app微信小程序头像上传，用chooseAvatar的正确姿势（附完整代码）
最新发布
weixin_33701617的博客
05-08 410
本文详细解析了uni-app微信小程序头像上传从旧API迁移到chooseAvatar的全流程，重点解决版本兼容、临时路径处理等常见问题。通过实战代码演示如何正确使用open-type='chooseAvatar'实现头像上传功能，并提供生产环境验证的完整解决方案，帮助开发者高效避坑。
uni-app开发微信小程序全流程指南
DeppBing的博客，全栈修炼记｜记录一个开发者的进化轨迹
08-18 5905
本文系统解析了uni-app开发微信小程序的全流程，重点区分运行、发布、发行三个关键阶段：运行阶段用于开发调试（H5/模拟器/真机预览）；发布阶段生成小程序代码包（配置manifest.json并编译）；发行阶段完成上传审核与正式上线。文章通过实战案例演示了从开发到上线的完整过程，总结了各阶段的常见问题与解决方案（如包体积超限、审核驳回等），并提供了代码结构优化、分包加载、灰度发布等最佳实践。帮助开发者清晰掌握uni-app小程序开发的核心流程，规避常见错误，提升开发效率。
[微信小程序]小程序中的JS和踩坑记录
weixin_43167499的博客
02-04 1080
出于毕设的要求，本次先制作了一个开题报告的demo程序，由于是第一次接触前端，加上后续的毕设要求，现将今日踩的坑和之后开发考虑到的问题在本文作出记录。动手之前本人跟着视频做过的demo如下： 计算器:主要学习页面布局和页面跳转 天气预报：调用wx.request()从网页获取信息，并组合(后由于天气获取的协议被禁用，只做了根据经纬度获取城市名) 涉及到的小程序操作: 1.js中的data与....
微信小程序App()方法与getApp()方法
qq_30351747的博客
12-22 3565
微信小程序App()方法与getApp()方法
[踩坑]【uniad】对接微信小程序激励视频回调
weixin_43558190的博客
09-20 1151
本文总结了uniad对接微信小程序激励视频回调的完整配置流程。针对非云开发项目，需开启unicloud并完成以下关键步骤：1）上传云函数并配置安全网络；2）在微信小程序后台添加安全域名；3）调用初始化接口并设置sessionKey；4）检查uni-open-bridge白名单配置。特别提醒回调仅真机可触发，需重点关注云函数日志排查问题。该方案解决了uniapp传统服务器项目对接激励视频回调的复杂配置问题。
那些年我们在微信小程序遇到的坑
qq_45406325的博客
10-31 1719
本篇主要记录一下我在开发中遇到的小程序的坑，还有实现的功能。
搞清楚微信小程序中的《程序app与页面page》
m0_58859743的博客
07-12 2205
从逻辑组成来说，一个小程序是由多个“页面”组成的“程序”。这里要区别一下“小程序”和“程序”的概念，往往我们需要在“程序”启动或者退出的时候存储数据或者在“页面”显示或者隐藏的时候做一些逻辑处理，了解程序和页面的概念以及它们的生命周期是非常重要的。...
避坑指南：uview Slider在uniapp多端适配中的那些坑（H5/小程序/APP）
alice7model的博客
02-20 628
本文深入剖析了在uniapp跨端开发中使用uview Slider滑动选择器时，因H5、小程序及APP平台底层技术（WXS/BindingX）差异导致的样式失准、交互卡顿、事件差异及数据绑定等核心问题。提供了针对性的解决方案与性能优化技巧，帮助开发者实现多端稳定一致的交互体验。
微信小程序app.json如何配置
热门推荐
timtian008的博客
01-17 1万+
app.json文件来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。以下是一个包含了所有配置选项的简单配置app.json ：{ "pages": [ "pages/index/index", "pages/logs/index" ], "window": { "navigationBarTitleText": "D
微信小程序、UNI-app、taro-app学习总结
chenlitao1987的博客
02-23 1531
现今社会在数据的联通和生成和以前有了很多的不同，以前只有线上网页能够让人们能够接触，现在移动设备的普及让信息的传播和生成更加多元多变。人们对获取信息的方式也开始有了新的要求：手机上的app越装越多，移动设备也越来越多，这让人不禁想到能不能不装这些东西，我想用就有，不想用就不要呢===》小程序应运而生。 小程序首先在微信app中上线，风头一时无两，优点突出，让很多人对APP有了新认识。这样的流行让我...
微信小程序开发、uni-app开发、腾讯AI、百度AI
qq_52301431的博客
10-10 1452
navigator跳转到自己app的一个页面，那个页面中写 微信小程序开发和uni-app开发不一样，uni-app直接写vue语法，打包后，会自己转为微信小程序的语法。//传入的对象的所有属性会添加到数据源data中，已经有了的成员，就更新，不存在就添加。pages这个数组的第一个页面：就是微信小程序的默认第一个页面，小程序的默认入口。//data中有msg："hello"，页面上的数据也会修改，响应式数据。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值