Olá,
Estou desenvolvendo uma aplicação e montando uma tela de registro de usuário, porém estou com uma dúvida se é possível de ocultar os dados que o axios está requisitando para a API. O meu código JavaScript, que implemento pelo EJS está da seguinte forma:
arquivo signup.esj
que inclui o JavaScript na página:
<script src="<%= public_path + '/js/wp-signup.js' %>"></script>
arquivo wp-signup.js
que é responsável por fazer a requisição POST e gravar os dados no MongoDB:
import axios from 'axios';
class App {
constructor() {
this.nameEl = document.getElementById('register-name');
this.lastnameEl = document.getElementById('register-lastname');
this.emailEl = document.getElementById('register-email');
this.passwordEl = document.getElementById('register-password');
this.agreeEl = document.getElementById('register-agree');
this.formEl = document.getElementById('register-form');
this.successMessage = document.getElementById('register-success');
this.events();
}
events() {
this.formEl.onsubmit = () => this.makePostRequest();
}
async makePostRequest() {
event.preventDefault();
await axios({
method: "post",
url: 'http://localhost:3000/users',
},
data: { name: this.nameEl.value, lastname: this.lastnameEl.value, email: this.emailEl.value, password: this.passwordEl.value }
})
.then( (response) => {
this.successMessage.innerHTML = response.data.message;
})
.catch( (error) => {
this.errorMessage.innerHTML = error.response.data.error;
})
}
}
new App();
Não há problema com o código, o que eu gostaria de saber é:
Se o usuário acessar a aba de desenvolvedor (F12 no chrome) e ir até
SOURCES > PUBLIC > JS > wp-signup.js
que é o arquivo onde está o código acima, ele irá ver todo o processo que faço para da verificação até a requisição do POST, além do payload da requisição, há alguma forma de ocultar isto do usuário ? Há uma forma mais aconselhada de fazer este tipo de operação utilizando NodeJS/EJS/JavaScript/MongoDB
?