Vue2:引入公共JS,通过this调用
tools.js
// 图片加上前缀 baseurl 是请求域名 img 是图片路径export function getimgurl(img) {return `${this.$baseurl}${img}`}
main.js
import baseUrl from "@/api/baseUrl.js"
Vue.prototype.$baseurl = baseUrlimport {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/"