Json aninhados

Oi Luiz, tudo bem?

Desculpe a demora em retornar.

Sim, é possível utilizar o Json-Server com um arquivo JSON aninhado como o que você postou. Com VueJS, você pode utilizar a biblioteca Axios para fazer uma requisição HTTP para o servidor e obter os dados do arquivo JSON.

Para capturar todos os dados do arquivo, você pode utilizar a notação de ponto para acessar os valores aninhados. Por exemplo, para acessar o valor do campo "codigoErro", você pode utilizar a seguinte sintaxe: dados.codigoErro.

Segue um exemplo de código utilizando VueJS e Axios para fazer a requisição e exibir os dados do arquivo JSON aninhado:

<template>
  <div>
    <p>Código de erro: {{ dados.codigoErro }}</p>
    <p>Detalhes do erro: {{ dados.detalhesErro }}</p>
    <p>IP: {{ ip }}</p>
    <p>Host: {{ host }}</p>
    <p>Usuário: {{ usuario }}</p>
    <p>Versão: {{ versao }}</p>
    <p>Momento: {{ momento }}</p>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      dados: {},
      ip: '',
      host: '',
      usuario: '',
      versao: '',
      momento: '',
    };
  },
  mounted() {
    axios.get('/caminho/do/arquivo.json')
      .then(response => {
        this.dados = response.data.dados;
        this.ip = response.data.ip;
        this.host = response.data.host;
        this.usuario = response.data.usuario;
        this.versao = response.data.versao;
        this.momento = response.data.momento;
      })
      .catch(error => {
        console.log(error);
      });
  },
};
</script>

Espero ter ajudado e bons estudos!