POSTリクエストでparamsのデータがありません

Question

現在、私はAngular2とRoR5 APIに問題があります。オブジェクトをAPIサーバーに保存しようとしていますが、これは機能しません。ここで

は、サービスのための私のAngular2コード：

createFrame(frameData) { 
    let headers = new Headers({ 'Content-Type': 'application/x-www-form-urlencoded' }); 
    let options = new RequestOptions({ headers: headers }); 
    let body = JSON.stringify({frame: frameData}); 
    return this.http.post(this.frameURL, body, headers).map((res: Response) => res.json()); 
} 

要求は私のブラウザで行われ、私はJSONデータを見ることができます：

しかし、RoRのは、POSTを取得することができませんデータ。

[1] pry(#<Api::V1::FramesController>)> params 
=> <ActionController::Parameters {"format"=>:json, "controller"=>"api/v1/frames", "action"=>"create"} permitted: false> 
[2] pry(#<Api::V1::FramesController>)> 

誰かが私に何かを教えてもらえますか？

Answer 1

あなたの場合、フォームデータのコンテンツタイプを設定し、JSON形式のコンテンツを送信します。

送信フォームデータまたはJSONコンテンツを使用してください。

• フォームデータ

  createFrame(frameData) { 
      let headers = new Headers({ 'Content-Type': 'application/x-www-form-urlencoded' }); 
      let options = new RequestOptions({ headers: headers }); 
      let form = new URLSearchParams(); 
      form.set('param1', 'some value'); 
      let body = form.toString(); 
      return this.http.post(this.frameURL, body, headers).map((res: Response) => res.json()); 
  } 
  

• JSONデータ

  createFrame(frameData) { 
      let headers = new Headers({ 'Content-Type': 'application/json' }); 
      let options = new RequestOptions({ headers: headers }); 
      let form = new URLSearchParams(); 
      form.set('param1', 'some value'); 
      let body = form.toString(); 
      return this.http.post(this.frameURL, body, headers).map((res: Response) => res.json()); 
  } 
  

Answer 2

問題は、CORS（クロスオリジンリソースの共有）

に関連するかもしれません

アプリケーション内で有効にするには汝 - > Enabling cors Rails5

あなたは[許可]（http://api.rubyonrails.org/classes/ActionController/Parameters.htmlに必要がある場合がありますように頑張ってください