vue リソースのポストリクエスト中に発生した問題の解決策

この記事では、vue リソースの投稿をリクエストする際に遭遇する落とし穴を主に紹介しますので、困っている方の参考になれば幸いです。

ポストリクエストを使用してください

// global Vue object
Vue.http.get('/someUrl', [options]).then(successCallback, errorCallback);
Vue.http.post('/someUrl', [body], [options]).then(successCallback, errorCallback);
// in a Vue instance
this.$http.get('/someUrl', [options]).then(successCallback, errorCallback);
this.$http.post('/someUrl', [body], [options]).then(successCallback, errorCallback);

ただし、使用中に問題が発生しないという意味ではありません: (たとえば、使用中に次のエラーが発生します: XMLHttpRequest は XXX を読み込めません。プリフライトの応答には無効な HTTP ステータス コード 405 があります) ; これ $http リクエストと jquery の ajax の間にはまだ違いがあります。デフォルトでは、投稿データはフォーム データの形式ではなく、リクエスト ペイロードです。解決策は非常に簡単です: headers フィールドを vue インスタンスに追加します:

http: {
  headers: {'Content-Type': 'application/x-www-form-urlencoded'}
}

または、vue が提供するより簡単な方法を使用します:

Vue.http.options.emulateJSON = true;

vue が axios を統合して post request ペイロードを送信するため、バックグラウンドでデータを受信できなくなる問題を解決します

ネイティブ JS を使用して Ajax の GET POST リクエストを実装する方法

以上がvue リソースのポストリクエスト中に発生した問題の解決策の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。