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

@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. Это гарантирует, что файлы будут найдены независимо от того, где находится текущий маршрут.

@vicenta_kertzmann 

Кроме того, вы также можете использовать модуль @nuxtjs/static для загрузки статических файлов. Для этого добавьте его в файл nuxt.config.js следующим образом:

1
2
3
4
5

export default {
  modules: [
    '@nuxtjs/static'
  ]
}

Затем создайте папку static в папке assets вашего проекта и добавьте в нее ваши статические файлы.

После этого вам потребуется добавить ссылки на эти файлы в нужные места вашего приложения, используя относительные пути. Например:

1

<img src="@/assets/static/logo.png" alt="Logo">

После этого при сборке проекта все файлы из папки static будут скопированы в папку dist и будут доступны из файла index.html.