MEAN STACK "Http-сбой для локального хоста: 3700 / ..." - PullRequest
Новая
       28

MEAN STACK "Http-сбой для локального хоста: 3700 / ..."

0 голосов
/ 20 января 2019

У меня возникла проблема с angular, когда я отправляю форму с информацией в базу данных (mongodb).это ошибки:

ошибка: ошибка {target: XMLHttpRequest, isTrusted: true, lengthComputable: false,…}

заголовки: Object {normalizedNames: Map (0), lazyUpdate: null, заголовки: Map (0)}

сообщение: «Http-сообщение об ошибке для localhost: 3700 / api / save-project: 0 Unknown Error»

name: «HttpErrorResponse»

ok: false

status: 0

statusText: «Unknown Error»

url: «localhost: 3700 / api / save-project»

и код mi app.js и компонента, выполняющего запрос, таков: 

var express = require('express');
var bodyParser = require('body-parser');

var app = express();

//cargar archivos de rutas
var project_routes = require('./routes/project');

//middlewares
app.use(bodyParser.urlencoded({extended:false}));
app.use(bodyParser.json());

// Configurar cabeceras y cors
app.use((req, res, next) => {
    res.header('Access-Control-Allow-Origin', '*');
    res.header('Access-Control-Allow-Headers', 'Authorization, X-API-KEY, Origin, X-Requested-With, Content-Type, Accept, Access-Control-Allow-Request-Method');
    res.header('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, DELETE');
    res.header('Allow', 'GET, POST, OPTIONS, PUT, DELETE');
    next();
});

//rutas
app.use('/api', project_routes);

//exportar
module.exports = app;

угловой компонент: 

import { Component, OnInit } from '@angular/core';
import { Project } from '../../models/project';
import { projectService } from '../../services/project.service';



@Component({
  selector: 'app-create',
  templateUrl: './create.component.html',
  styleUrls: ['./create.component.css'],
  providers: [projectService]
})
export class CreateComponent implements OnInit {
  public title: string;
  public project: Project;

  constructor( private _projectService: projectService) 
  {
    this.title = 'crear projecto';
    this.project = new Project('','','','',2019,'','');
   }

  ngOnInit() {
  }
  onSubmit(form){
    console.log(this.project);
    this._projectService.saveProject(this.project).subscribe(

        response => {
               console.log(response);
        },

        error => {
               console.log(<any>error);
        }


        );

  }

}

это служба, которая создает.использование компонента: 

import { Injectable } from  '@angular/core';
import { HttpClient, HttpHeaders} from  '@angular/common/http';
import { Observable } from  'rxjs';
import { Project } from  '../models/project';
import { global } from './global';

@Injectable()
export class projectService
{
    public url: string;
    constructor( private _httpClient: HttpClient)
    {
        this.url = global.url;
    }

    testService(){
        return 'probando el servicio de angular';
    }

    saveProject(project: Project){

        let params = JSON.stringify(project);
        let headers = new HttpHeaders().set('Content-Type','application/json');

        return this._httpClient.post(this.url + 'save-project', params, {headers:headers});
    }



}

спасибо за ваше время <3 </p>

...