vue内如何动态引用cdn的图片
发布于 7 年前 作者 longfei 5644 次浏览 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

这是我现在的代码,是直接写死的。

<template>
  <img class="user-logo" src=  "//cdnxx.cdn.com/admin/img/ava.jpg">
</template>

实际业务中尼,这个cdn的地址都不是固定的,是一个动态的参数。 之前没有引入VUE之前,这个参数传一个参数进去就好了

  <img class="user-logo" src= " <%= cdn%> /admin/img/ava.jpg">

当然现在也可以传一个参数比如说

<template>
  <img class="user-logo"  :src=  "static">
</template>

但是这样子做的话,cdn这个全局变量就没有用了,有其他的解决方案吗?

目前我知道有一种解决方案,通过webpack1进行打包设定publicPath, 目前在.js文件中是有用的,VUE路由的动态引入就是通过设定publicPath来设置的。 但是在.vue文件中,这个参数失效了,有可能是我不知道解决方案的原因。

回到顶部