vue中public文件夹的作用

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

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>
  

登录后复制

在你的 Vue.js 应用程序中，可以使用以下代码访问 Public 文件夹中的文件：

<img  src="/image.png" alt="vue中public文件夹的作用" ><link rel="stylesheet" href="/style.css">

登录后复制

注意：

• Public 文件夹中的文件不应依赖于 Vue.js 应用程序的状态或逻辑。
• Public 文件夹中的文件不经过 Webpack 或 Vue 编译器处理。

以上就是vue中public文件夹的作用的详细内容，更多请关注叮当号网其它相关文章！