2017-06-12 12 views
0

AngularからLaravelへのポストリクエストエラー(内部サーバーエラー)が発生しています。しかしそれは郵便配達でうまくいきます。角2+とLaravel - 内部サーバーエラー

api.php

<?php 
    use Illuminate\Http\Request; 

    Route::post('/addHouse', [ 
     'uses' => '[email protected]' 
    ]); 

HouseController.php

public function postHouse(Request $request) 
{ 
    $house=new House(); 
    $house->houseName=$request->input('houseName'); 
    $house->type=$request->input('type'); 
    $house->for=$request->input('for'); 
    $house->address=$request->input('address'); 
    $house->price=$request->input('price'); 
    $house->description=$request->input('description'); 
    $house->bedrooms=$request->input('bedrooms'); 
    $house->bathrooms=$request->input('bathrooms'); 
    $house->area=$request->input('area'); 
    $house->save(); 
    return response()->json([ 
     'house'=>$house 
    ],201); 
} 

Cors.php(ミドルウェア)

 public function handle($request, Closure $next) 
    { 
     return $next($request) 
      ->header('Access-Control-Allow-Origin','*') 
      ->header('Access-Control-Allow-Methods','Get, POST, PUT, PATCH, DELETE, OPTIONS') 
      ->header('Access-Control-Allow-Headers', 'Content-type, Authorization'); 
    } 

の角度house.service.ts

addHouse(content) { 
     console.log(content); 
     const body = JSON.stringify({ 
     content: content 
    }); 
    const headers = new Headers({ 
     'Content-Type':'application/json' 
    }); 
    return this._http.post('http://localhost:8000/api/addHouse', body, { 
     headers: headers 
    }); 
    } 

マイエラー - >POST http://localhost:8000/api/addHouse 500(内部サーバーエラー)

+0

こんにちは、ようこそ。 – rll

+0

httpでcsrfトークンを指定する必要があるかもしれません(https://stackoverflow.com/help/mcveとhttps://stackoverflow.com/help/how-to-ask)ヘッダー –

+0

Corsミドルウェアを意味しますか?私はそれを与えている。 –

答えて

0

私はaddHouse機能を変更することによってそれを解決しました。みなさんありがとうございます。

addHouse(data) { 
     var headers = new Headers(); 
     headers.append (
      'Content-type','application/json' 
     ); 
    return this._http.post('http://localhost:8000/api/addHouse', JSON.stringify(data), { 
        headers:headers 
        }).map(res => res.json()); 
    } 
関連する問題