Este es el código que realiza la petición:
const httpOptions = {
headers: new HttpHeaders({
'Content-Type': 'application/json',
'Connection': 'upgrade',
'Upgrade' : 'WebSocket',
'Sec-Websocket-Version': '13'
})
}
let userJSON = JSON.stringify(user)
this.http
.post<any>( this.url + "/users/login", userJSON, httpOptions )
.subscribe(
data => {
console.log("POST REQUEST SUCCESFUL ", data)
},
error => {
console.log("Error ", error)
}
)
Y este es el error que me da el navegador:
He googleado y hay gente que menciona que el navegador no permite añadir ciertas cabeceras por seguridad. Otros que dicen que las cabeceras deben ser constantes, etc, etc. Ninguno de esos métodos me ha funcionado, hasta ahora.
¿Dónde está el problema?
Actualizado:
Para contextualizar, trato de emplear WebSockets, este es el modelo que uso para ello:
WebSocket.ts
export class WsClient{
ws: WebSocket
url:string
eventListener = {};
constructor(url){
this.url = url
this.ws = new WebSocket(url)
this.ws.onmessage = response => {
try {
let data = JSON.parse(response.data);
if (data) {
let cb = this.eventListener[data.event];
if (cb) cb(data.data);
}
} catch (e) {
console.log(e);
}
};
}
on = (event, cb) => (this.eventListener[event] = cb);
emit = (name, data) => {
let event = {
event: name,
data: data
};
let rawData = JSON.stringify(event);
this.ws.onopen = () => this.ws.send(rawData);
};
}
login.component.ts
export class LoginComponent implements OnInit {
constructor(private usuariosService: UsuariosService) { }
model = new User("","")
ngOnInit() {
}
login(){
var ws = new WsClient("ws://localhost:3003/login");
ws.on("response", data => {
console.log("response: ", data)
})
ws.emit("message", "hello")
this.usuariosService.login(this.model)
console.log("Done")
}
}
usuarios-service.service.ts
export class UsuariosService {
url:string
private socket;
constructor(private http: HttpClient) {
this.url = "http://localhost:3003"
}
login(user: User){
const httpOptions = {
headers: new HttpHeaders({
'Content-Type': 'application/json',
'Connection': 'upgrade',
'Upgrade' : 'WebSocket',
'Sec-Websocket-Version': '13'
})
}
let userJSON = JSON.stringify(user)
this.http
.post<any>( this.url + "/users/login", userJSON, httpOptions )
.subscribe(
data => {
console.log("POST REQUEST SUCCESFUL ", data)
},
error => {
console.log("Error ", error)
}
)
}
}
Si añado las cabeceras tengo este error. Si no, igualmente el servidor en ambos casos me devuelve este error: