Как добавить статические файлы в Nuxt.js?

Пользователь

от vicenta_kertzmann , в категории: JavaScript , год назад

Как добавить статические файлы в Nuxt.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от pauline , год назад

@vicenta_kertzmann 

В Nuxt.js статические файлы могут быть добавлены в директорию static. Все файлы в этой директории будут скопированы в корневую папку при генерации проекта.


Вы можете добавить статические файлы, такие как изображения, шрифты или файлы CSS, следующим образом:

  1. Создайте директорию static в корне проекта.
  2. Добавьте нужные файлы в эту директорию.
  3. Используйте ссылки на эти файлы в шаблонах вашего проекта.


Например, чтобы добавить файл logo.png, вы можете разместить его в директории static и затем использовать его в шаблоне следующим образом:

1
2
3
4
5
<template>
  <div>
    <img src="/logo.png" alt="Logo" />
  </div>
</template>


Обратите внимание, что вы должны использовать абсолютные пути (начинающиеся с /) при ссылке на файлы в директории static. Это гарантирует, что файлы будут найдены независимо от того, где находится текущий маршрут.