Diretório Estático

O diretório static é mapeado diretamente para a raiz do servidor e contém ficheiros que provavelmente não serão alterados. Todos os ficheiros incluídos serão automaticamente servidos pela Nuxt e são acessíveis através do endereço de localização de recurso da raiz do projeto.

/static/robots.txt estará disponível em http://localhost:3000/robots.txt

/static/favicon.ico estará disponível em http://localhost:3000/favicon.ico

Esta opção é útil para ficheiros como robots.txt, sitemap.xml ou CNAME (que é importante para a implantação do GitHub Pages).

Recursos Estáticos

Se não quisermos usar os recursos da Webpack do diretório assets, podemos adicionar as imagens ao diretório static.

No nosso código, podemos então referenciar estes ficheiros relativamente à raiz (/):

<!-- Imagem estática do diretório `static` -->
<img src="/my-image.png" />

<!-- Imagem empacotada pela webpack do diretório `assets` -->
<img src="~/assets/my-image-2.png" />

<img :src="`${yourPrefix}/my-image.png`" />

Configuração do Diretório Estático

Se necessário, podemos configurar o comportamento do diretório static/ no ficheiro nuxt.config.js.

Prefixo de Recurso Estático

Se implantarmos a Nuxt numa sub-pasta, por exemplo, /blog/, a base do roteador será adicionada ao caminho do recurso estático por predefinição. Se quisermos desativar este comportamento, podemos definir static.prefix como false no ficheiro nuxt.config.js:

export default {
  static: {
    prefix: false
  }
}

Predefinido como: /blog/my-image.png

Com a static.prefix desativada: /my-image.png