Vue 中 Public 文件夹用于存储和公开访问不需要 Vue.js 处理的静态文件。作用包括:静态资源存储直接访问CDN 部署分离代码和内容

Vue 中 Public 文件夹的作用
Public 文件夹是 Vue.js 应用程序中一个特殊的文件目录,用于存储公开访问的静态文件,如 HTML、CSS、JavaScript、图像和字体。这些文件直接提供给用户,不受 Vue.js 应用本身的处理。
作用:
使用:
立即学习“前端免费学习笔记(深入)”;
要使用 Public 文件夹,请将静态文件添加到 /public 目录中。Vue.js 应用程序将自动将这些文件公开并可以通过 URL 访问。例如:
<code class="html"><!-- public/index.html -->
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Hello, world!</h1>
</body>
</html></code>在你的 Vue.js 应用程序中,可以使用以下代码访问 Public 文件夹中的文件:
<code class="html"><img src="/image.png"> <link rel="stylesheet" href="/style.css"></code>
注意:
以上就是vue中public文件夹的作用的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号