Nuxt 菜鸟入门学习笔记四：静态资源

Nuxt 使用以下两个目录来处理 CSS、fonts 和图片等静态资源：

public 目录

public 目录用作静态资产的公共服务器，可通过应用程序定义的 URL 公开获取。
换言之，就是可以通过应用程序的代码或浏览器通过根 URL / 获取 public 目录中的文件。

public 目录下的内容将原样提供给服务器根目录。

应用：

• 在应用程序代码中，通过根 URL / 获取 public 目录中的文件：

<template>
  <!-- 在静态 URL /img/nuxt.png 上引用 public/img/ 目录中的图像文件： -->
  <img src="/https/blog.csdn.net/img/nuxt.png" alt="Discover Nuxt 3" />
</template>

• 在浏览器中通过根 URL / 获取 public 目录中的文件：

可以在浏览器中地址栏输入 http://localhost:3000/img/nuxt-logo.png 访问 public/img/ 目录中的图像文件。

assets 目录

Nuxt 使用 Vite 或