vue中使用axios获取本地图片
时间: 2023-11-27 22:04:22 浏览: 93
vue实现axios图片上传功能
您可以使用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。如果图片位于不同的目录,请相应地更改路径。
阅读全文