uniapp小程序src引用服务器图片时全局变量与图片路径拼接

理论上,应该在main.js中定义一个全局变量,然后在页面的<image>标签上的是src直接使用即可

main.js

页面上

看上去挺靠谱的,实际上小程序后台会报一个错

很明显这种方式小程序是不认的,这就头疼了,还想过另外一个方法就是想vue一样定义全局的store参数进行设置,在页面的js中打印也是一切正常的,但是就是引入到如图上的图片的src就是不行

最终的解决办法是

依旧在main.js中定义一个全局的变量,但是这个全局的变量并不是一个字符串这么简单,而是一个方法,并且把图片地址return出去

页面引用就比较简单了,直接调用即可

除了定义js的全局变量,还有定义css的全局变量,uniapp使用的是scss这个css的预处理语法,可以直接在nui.scss文件中定义

直接使用是

相关推荐
浩男孩11 分钟前
🍀终于向常量组件下手了,使用TypeScript 基于 TDesign二次封装常量组件 🚀🚀
前端·vue.js
玲小珑14 分钟前
LangChain.js 完全开发手册(十三)AI Agent 生态系统与工具集成
前端·langchain·ai编程
木易 士心18 分钟前
Uni-App 实现多身份动态切换 TabBar 指南
uni-app
布列瑟农的星空24 分钟前
什么?sessionStorage可以跨页签?
前端
苏打水com25 分钟前
网易前端业务:内容生态与游戏场景下的「沉浸式体验」与「性能优化」实践
前端·游戏·性能优化
恋猫de小郭27 分钟前
React 和 React Native 不再直接归属 Meta,React 基金会成立
android·前端·ios
掘金安东尼32 分钟前
前端周刊434期(2025年9月29日–10月5日)
前端·javascript·面试
brzhang36 分钟前
当我第一次看到 snapDOM,我想:这玩意儿终于能解决网页「截图」这破事了?
前端·后端·架构
掘金安东尼41 分钟前
前端周刊433期(2025年9月22日–9月28日)
前端·javascript·github
万少1 小时前
我的HarmonyOS百宝箱
前端