Tudo começa quando eu tento receber um JSON pela API do CNPJ, estou utilizando node e consequentemente o NPM e assim utilizando o AXIOS para receber o JSON. Ok, tudo certo até ai. Entretanto desejo pegar as informações do json e atribuir a campos do formulário (mesmo formulário que recebo o CNPJ). E me deparei com o seguinte problema, para utilizar o AXIOS necessito realizar um require para o carregamento do módulo, entretanto não consigo fazer isso dentro de um arquivo .js carregado pelo browser, alguém pode me ajudar em como consertar isso ou sugerir outro modo de chegar ao meu objetivo ?
Html
<label for="cnpj"><div >CNPJ: </div></label>
<input name="cnpj" id="cnpj" type="text" onblur="getCnpj(this.value)">
<label for="endereco"><div >Endereco: </div></label>
<input placeholder="Digite o endereço" id="endereco" type="text">
<script type="text/javascript" src="../js/cnpj.js"></script>
Javascript
const getCnpj = (cnpj) => {
const axios = require('axios');
axios.get('https://www.receitaws.com.br/v1/cnpj/'+cnpj)
.then(function (response) {
if (response.data.status == "ERROR")
alert("CNPJ Inexistente");
else{
document.getElementById('endereco').value = response.data.endereco;
}
})
.catch(function (error) {
console.log(error);
alert("Erro ao buscar por Cnpj");
});
}