Axiosポストはデータを送信しません

Question

Axiosポストを使用して、私の情報をPythonフラスコを使用してバックエンドに送信しています。 ReactJSをフロントエンドとして使用しています。

sendInfo(){ 
    var config = { headers: { 
        'Content-Type': 'application/json', 
        'Access-Control-Allow-Origin': '*'} 
       } 

    axios.post('/myprofileC',{ 
     department:this.state.department; 
     student: this.state.student 
    },config) 
    .then(function (response) { 
     if (response.data == '/myprofile'){ 
      console.log(this.state); 
      alert('Your changes have been saved'); 
     } 
      window.location = '/myprofile'; 
     }) 
    .catch(function (error) { 
     console.log(error); 
    }); 
    } 
    } 

2つのページに同じコード（別のデータ）を使用していますが、うまくいきます。しかし、この1ページでは、データはまったく送信されませんでした。私がPythonの終わりから何かを印刷しようとすると、私は空の辞書を取得します。

誰が何が起こっているのか分かりませんか？

Answer 1

Access-Control-Allow-Originヘッダーを設定しないでください。これはサーバーの応答で送信されるものです。また、コードに構文エラーがあります。以下は、有効なJavaScriptオブジェクトではありません。

{ 
    department: this.state.department; 
    student: this.state.student 
} 

はカンマ（,）とセミコロン（;）を交換してください。他のすべては私には大丈夫です。

Chrome開発ツールの[ネットワーク]タブ：https://developers.google.com/web/tools/chrome-devtools/network-performance/referenceに慣れてください。上記のリクエストが実際に実行された場合、リクエストとレスポンスの詳細が表示されます。