vue 网络图片封装统一路径

性野喜悲

已于 2023-02-10 15:24:17 修改

阅读量1.5k

点赞数 1

分类专栏： vue 经验分享

于 2022-04-13 16:02:20 首次发布

本文链接：https://blog.csdn.net/leng0920/article/details/124150321

版权

vue.js 前端

经验分享同时被 2 个专栏收录

149 篇文章 1 订阅

订阅专栏

vue

136 篇文章 4 订阅

订阅专栏

main.js

// 静态资源访问路径(https://eventimg.oss-cn-shanghai.aliyuncs.com/activity_h5为路径一样的那部分)
Vue.prototype.H5_IMG_HOST = `https://eventimg.oss-cn-shanghai.aliyuncs.com`

页面使用

//H5_IMG_HOST为main.js中Vue.prototype.H5_IMG_HOST中的最后一个单词，这个命名可以自定义
<template>
 <div>
   <img class="icon" :src="`${H5_IMG_HOST}/activity/blue_address_icon.png`" alt />
  </div>
</template>