Vue中public/assets目录区别
在Vue项目中，public 目录和 assets 目录都用于存放静态资源，但它们有一些区别：
public目录: 这个目录下的文件会被直接复制到项目的根目录，不会被webpack处理。这意味着，放在这个目录下的文件不会被编译，也不会被hash处理，所以引用这个目录下的资源时，需要使用绝对路径。assets目录: 这个目录下的文件会被webpack处理，也就是说，这里的文件会被编译，可能会被hash处理，所以引用这个目录下的资源时，可以使用相对路径。
举例说明：
如果你有一个图片 logo.png 放在 public 目录下，你需要通过绝对路径来引用它，如：
<img src="/logo.png" alt="Logo">如果你有一个图片 logo.png 放在 assets 目录下，你可以通过相对路径来引用它，webpack会处理这个图片，如：
<img src="./assets/logo.png" alt="Logo">在配置路由时，public 目录下的 index.html 文件可以直接被引用，而 assets 目录下的文件需要通过 webpack 处理后才能被引用。
评论已关闭