vue教程-public目录下的图片显示

说明

public 目录下一般是上传图片

打包

public 文件夹的静态资源,打包时,都会复制到 dist 目录下,不经过 webpack 处理

使用该目录下的图片

通过绝对路径来引用,如下:

<img alt="Vue logo" src="/2.jpg">

什么时候使用 public 文件夹

  • 有上千个图片,需要动态引用它们的路径。

  • 有些库可能和 webpack 不兼容,这时你除了将其用一个独立的 <script> 标签引入