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

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

main.js

页面上

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

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

最终的解决办法是

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

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

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

直接使用是

相关推荐
不简说2 分钟前
sv-print可视化打印组件不完全指南③
前端·javascript·vue.js
前端摸鱼杭小哥4 分钟前
Vue 开发者狂喜!我在 React 中完美复刻了 v-if/v-for 指令
前端·vue.js·react.js
kovli7 分钟前
红宝书第四讲:JavaScript原始值与引用值行为差异详解
前端·javascript
竹苓8 分钟前
CSS Grid布局:从入门到放弃再到真香
前端
1_2_3_9 分钟前
深入理解 Git 子模块:优化项目管理的利器
前端·github
前端开发同学14 分钟前
程序员必看!被盒模型逼疯的我,看完迎刃而解😎
前端·html
阳树阳树15 分钟前
Svelet 原理初探
前端·javascript
wordbaby19 分钟前
深入理解 CSS 字体加载与解析机制
前端
Mintopia20 分钟前
Node.js 之 fs 模块深入解析与实践
前端·javascript·node.js
wordbaby21 分钟前
深入解析字体预加载 (Font Preloading) 机制
前端