vue中public文件夹的作用

Vue 中 Public 文件夹的作用

Public 文件夹是 Vue.js 应用程序中一个特殊的文件目录，用于存储公开访问的静态文件，如 HTML、CSS、JavaScript、图像和字体。这些文件直接提供给用户，不受 Vue.js 应用本身的处理。

作用：

• 静态资源的存储：Public 文件夹用于存储不需要 Vue.js 处理的静态资源，例如图像、样式表和脚本。
• 直接访问：公共文件中的文件可以直接通过 URL 访问，而无需通过 Vue.js 应用程序。这使得它们非常适合托管不依赖于 Vue.js 状态或逻辑的静态资源。
• CDN 部署：Public 文件夹的内容通常被部署在 CDN（内容分发网络）上，以提高静态资源的加载性能和可用性。
• 分离代码和内容：将静态资源与 Vue.js 代码分开有助于保持应用程序的结构清晰，并简化维护工作。

使用：

要使用 Public 文件夹，请将静态文件添加到 /public 目录中。Vue.js 应用程序将自动将这些文件公开并可以通过 URL 访问。例如：

<!-- public/index.html -->


  
    <link rel="stylesheet" href="style.&lt;a%20style=\'color:#f60;%20text-decoration:underline;\'%20href=" https: target="_blank">css"&gt;
  
  
    <h1>Hello, world!</h1>