在Vue 3中加载本地图片和其他静态资源
在Vue 3中，你可以通过以下方式加载本地图片和其他静态资源：
- 将静态资源放在公共文件夹（
public）中，这是Vue CLI项目中特殊处理的文件夹。 - 使用Vue的
<img>标签或者CSS中的background-image属性，通过相对路径引用这些资源。
例如，如果你有一张图片放在public/images文件夹下，名为example.png，你可以这样引用它：
<!-- Vue模板中的<img>标签 -->
<img src="/images/example.png" alt="Example Image">
<!-- 或者在CSS中 -->
<style>
.example-class {
background-image: url('/images/example.png');
}
</style>注意，图片的路径是从网站的根目录开始计算的，因此不需要public前缀。
这样，当你的Vue应用被部署时，这些本地资源会被正确地引用和加载。
评论已关闭