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

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

main.js

页面上

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

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

最终的解决办法是

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

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

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

直接使用是

相关推荐

  1. 拼接图片路径不显示:vue

    2024-06-06 19:50:07       11 阅读
  2. uniapp微信程序点击保存图片

    2024-06-06 19:50:07       46 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-06-06 19:50:07       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-06-06 19:50:07       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-06-06 19:50:07       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-06-06 19:50:07       20 阅读

热门阅读

  1. 小程序vant DropdownMenu 下拉菜单无法关闭

    2024-06-06 19:50:07       9 阅读
  2. Kotlin 委托

    2024-06-06 19:50:07       9 阅读
  3. 2024中国机器人开发大会

    2024-06-06 19:50:07       7 阅读
  4. 探索Sass:Web开发的强大工具

    2024-06-06 19:50:07       11 阅读
  5. Spark SQL内置函数

    2024-06-06 19:50:07       7 阅读
  6. 【Linux】批量恢复文件权限

    2024-06-06 19:50:07       9 阅读
  7. 在Spring Boot项目中使用Redisson实现延迟执行

    2024-06-06 19:50:07       8 阅读