vue中使用axios获取本地图片

首先，将图片作为静态资源放置在项目的public文件夹中。然后，使用axios来获取图片的URL，并将其作为img标签src属性的值，代码示例如下：

<template>   
<div>      
<img :src="imageUrl" alt="图片">   
</div>
</template>

<script>
import axios from 'axios'
export default {   
data() {      
return {         
imageUrl: ''      
}   
},   
mounted() {      
axios.get('/images/example.jpg', { responseType: 'blob' })         
.then(res => { this.imageUrl = URL.createObjectURL(res.data) })   
}}
</script>

请注意，上面的示例假定图片位于public/images/example.jpg。如果图片位于不同的目录，请相应地更改路径。