Aucune donnée dans les paramètres sur la requête POST

Question

Actuellement, j'ai un problème avec une API Angular2 et RoR5. J'essaie d'enregistrer un objet sur le serveur API, mais cela ne fonctionne pas.

Voici mon code Angular2 pour le service:

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()); 
} 

La demande est faite par mon navigateur et je peux voir les données JSON:

Mais RoR ne peut pas obtenir le POST Les données.

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

Quelqu'un peut-il me dire ce qui ne va pas?

Answer 1

Dans votre cas, vous définissez le type de contenu pour les données de formulaire et vous envoyez du contenu au format JSON. Soit vous utilisez des données de formulaire d'envoi ou du contenu JSON, soit

• données de formulaire

  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()); 
  } 
  

• données 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

Le problème pourrait être lié à CORS (Cross Origin Resource Sharing)

ton pour permettre dans votre application -> Enabling cors Rails5

Bonne chance