m0_67982952 2022-04-06 11:04 采纳率: 46.7%
浏览 373
已结题

请问uni-app如何引用服务器中的图片路径?


<view class="header">
        <img src="http://10.169.94.1:8081/file/downLoad?fileId=398" alt="logo" class="logo"/>
    </view>

上为在具体页面中引入图片,下为在main.js处配置ip地址,

Vue.prototype.$baseUrl="http://10.169.94.1:8081"

请问该如何在图片路径处引入这个配在全局的baseUrl呢,总不能在每个使用图片的地方都要写具体的ip地址吧,万一这个ip地址变化了呢?所以想请问在全局配置好ip地址,如何在图片路径中使用,请赐教,不胜感激。
试过直接这么写发现还是无法引入

<view class="header">
            <img src="$baseUrl/file/downLoad?fileId=398" alt="logo" class="logo"/>
        </view>

  • 写回答

5条回答 默认 最新

  • 归来巨星 前端领域新星创作者 2022-04-06 15:18
    关注

    你这是下载?
    get请求嘛? 逻辑上来说是个get请求 返还回来的是个二进制流

    二进制流转一下吧,转成base64 在放到src上面

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
  • 林一怂儿 前端领域新星创作者 2022-04-06 11:30
    关注

    应该是这样写吧

    <img :src="$baseUrl+'/file/downLoad?fileId=398'" alt="">
    
    评论
  • iloveozz 2022-04-06 13:47
    关注
    
    window.baseUrl="http://10.169.94.1:8081"
     
    
    
    <view class="header">
                <img src="window.baseUrl+'/file/downLoad?fileId=398'" alt="logo" class="logo"/>
            </view>
     
    
    
    评论
  • 你好!机器人 2022-04-06 14:10
    关注

    先在data定义一个baseUrl,然后在created里赋值this.baseUrl = this.$baseUrl

    <img :src="`${baseUrl}/file/downLoad?fileId=398" alt="">
    
    
    评论 编辑记录
  • 沐卿゚ 2022-04-06 17:35
    关注

    你这拼接有问题

    评论
查看更多回答(4条)

报告相同问题?

问题事件

  • 系统已结题 4月17日
  • 已采纳回答 4月9日
  • 创建了问题 4月6日

悬赏问题

  • ¥15 Qt 不小心删除了自带的类,该怎么办
  • ¥15 我需要在PC端 开两个抖店工作台客户端.(语言-java)
  • ¥15 有没有哪位厉害的人可以用C#可视化呀
  • ¥15 可以帮我看看代码哪里错了吗
  • ¥15 设计一个成绩管理系统
  • ¥15 PCL注册的选点等函数如何取消注册
  • ¥15 问一下各位,为什么我用蓝牙直接发送模拟输入的数据,接收端显示乱码呢,米思齐软件上usb串口显示正常的字符串呢?
  • ¥15 Python爬虫程序
  • ¥15 crypto 这种的应该怎么找flag?
  • ¥15 代码已写好,求帮我指出错误,有偿!