2017-02-18 26 views
3

私はaxios.postを使用していますが、サーバーはpost-dataを受信して​​いないようです。axios post serverはブラウザからデータを受信しません

これは私が持っているものである。一方、同じファイルに

var baseURL = "http://localhost:8888/dbRouting.php"; 
var body = { 
    function: 'foo', 
    id: 'bar', 
} 

axios.post(baseURL, body) 
.then((response) => { console.log("Data Loaded AXIOS: " + response.data); }) 
.catch(function (error) {console.log(error);}); 

// Data Loaded AXIOS: array(0) { 
// } 

このjQueryのポストに動作します

$.post(baseURL, body) 
    .done(function(data) { 
    console.log("Data Loaded JQUERY: " + data); 
    }); 

//Data Loaded JQUERY: array(2) { 
//["function"]=> 
//string(3) "foo" 
//["id"]=> 
//string(3) "bar" 
//} 

サーバファイル(dbRouting.phpが)だけです。

<?php 
var_dump($_POST); 
?> 

何が起こっている可能性がありますか?

答えて

0

ネットワークに問題があるようです。 URLとポートを確認してくださいlocalhost:8888/dbRouting.php on JQuery & Axiosデモ それらはまったく同じですか? .catchは腋窩で発射されていますか?エラーは何ですか? は、あなたのサーバーがlocalhost:8888で応答していますか?

代わりに、これは$ _POSTを経由して、それを処理するためのPHPでバックエンドを可能にする私の方法である(例えば、郵便配達https://chrome.google.com/webstore/detail/postman/fhbjgbiflinjbdggehcddcbncdddomop?hl=en)異なるクライアントを使用して

+1

URLとポートを理解するのに役立ついくつかの写真です。どちらの場合も、phpファイルにアクセスします。 axiosが正常に動作します(エラーがスローされません)と 'then'がトリガされます。それはちょうどphpファイルは、アクシスのポストコールからのデータを受信しないことです。それ以外はすべて尖っています。 – gondolfier

+0

私も同じ問題を抱えています –

1

をお使いのサーバの実装を確認することができます。これは、コード内のメソッド内部のvueの一部です。私VUEインサイド

var myObject = { 
    property: value, 
    property1: value1, 
    property2: value2 
} 

、法のセクション:次に

updateForm: function(myObject){ 
      var post_url = (your post url); 

      axios.post(post_url, makePostReady(myObject)) 
      .then(function (response) { 
       console.log(response); 
      }) 
      .catch(function (error) { 
       console.log(error); 
      }); 
     } 

(axiosポストコールの前に)上記のあなたはPOST_URLに投稿していて、オブジェクト、VaRのmyObjectというを持っていると仮定すると

グローバル関数にすることができます。私はそれが以下

property=value&poperty1=value1&property2=value2...... 

を形成するように、私はaxiosを使用してポストとして送信したい任意のオブジェクトをオンにする機能の下に作成した関数である:あなたがに($ _POSTを)のvar_dumpできその後

function makePostReady(object) 
{ 
    var sentence = ""; 
    for (var key in object) { 
     sentenceAdd = key + '=' + object[key] + '&'; 
     sentence = sentence + sentenceAdd; 
    } 
    //console.log('sentence: ' + sentence); 
    return sentence; 
} 

あなたのpost_urlがすべて正常かどうかを確認してください。その後、いつものようにデータを処理することができます。

うまくいけば、それは以下

に役立ちますが、二重チェックをより良い

enter image description here

enter image description here

関連する問題