tools.js
// 图片加上前缀 baseurl 是请求域名 img 是图片路径
export function getimgurl(img) {
return `${this.$baseurl}${img}`
}
main.js
import baseUrl from "@/api/baseUrl.js"
Vue.prototype.$baseurl = baseUrl
import {getimgurl} from '@/api/tool.js';
Vue.prototype.$getimgurl = getimgurl;
页面使用
// 使用1
<image :src="$getimgurl('upload/1.png')" mode="aspectFill" v-if="item.cover_image"></image>
// 使用2
this.$getimgurl('upload/1.png')
baseUrl.js
export default "https://shop.com/"