Node.js中的错误消息：后端返回了代码400，正文为空

Question

我正在使用MEAN Stack和Angular 6开发一个Web应用程序。几天来，我一直在努力解决以下错误。 我有一个显示颜色选择器的输入字段。它允许我们选择颜色。 这是我的颜色架构。

var mongoose = require('mongoose');

var rdaColorSchema = new mongoose.Schema({  
  colorMovementBox: {
      type : String,
  },
});
module.exports = mongoose.model('rdaColor', rdaColorSchema);

这是我的后端。

router.post('/save', (req, res)=>{
    var rdaColorVal = new rdaColor(
        {
            colorMovementBox: req.body.colorMovementBox,
        }
    );

rdaColorVal.save((err,doc)=> {
    if(!err){

        res.send(doc);}
        else{
            console.log(err);
        }
        });
});

这是我的服务文件。

export class RdaColorService {

  constructor(private http: HttpClient) { }

     private handleError(error: HttpErrorResponse) {
        if (error.error instanceof ErrorEvent) {
            // A client-side or network error occurred. Handle it accordingly.
            console.error('An error occurred:', error.error.message);
        } else {
            // The backend returned an unsuccessful response code.
            // The response body may contain clues as to what went wrong,
            console.error(
                `Backend returned code ${error.status}, ` +
                `body was: ${error.error}`);
        }
        // return an observable with a user-facing error message
        return throwError('Something bad happened; please try again later.');
    };
        private extractData(res: Response) {
        let body = res;
        return body || [];
    }
    saveRdaColor(rdaColor): Observable<any> {
        return this.http.post('/rdaColor/save', rdaColor, httpOptions)
            .pipe(
                catchError(this.handleError)
            );
    }

}

当我调试项目时，我可以在前端看到颜色值（我已经使用ngx-color picker来选择颜色）。但是后端给出以下错误。

我搜索了很多有关此错误的信息。但没有任何效果。

Answer 1

请求正文为null。

您需要：

从Angular 6 POST调用中发送{ colorMovementBox: "<value here>" }的请求正文：

this.httpClient.post("/rdaColor/save", { "colorMovementBox": "<value here>" })
    .subscribe(
          data => {
              console.log("POST Request is successful ", data);
          },
          error => {
              console.log("Error:", error);
          }
    );

通过body-parser将npm i -S body-parser中间件整合到您的快速后端中：

const app = express();
var bodyParser = require('body-parser')
.
.
.
app.use(bodyParser.json());