vue2 で axios http リクエストを使用する場合の問題と解決策

この記事は主に、vue2 で axios http リクエストを使用する際に発生する問題を解決するための記事を共有するものであり、非常に参考になるものです。編集者をフォローして見てみましょう。皆さんのお役に立てれば幸いです。

axios を使用して投稿リクエストを処理する場合の問題を解決しました

デフォルト: axios.post(url, params).then(res => res.data);

URL がリモート インターフェイス リンクの場合、A 404エラーが報告されます:

Uncaught (in promise) Error: Request failed with status code 404

新しい axios をインスタンス化し、そのメッセージ ヘッダーを 'content-type': 'application/x-www-form-urlencoded' に設定する必要があります

そこで、解決策を考え出します:

var instance = axios.create({
 headers: {'content-type': 'application/x-www-form-urlencoded'}
});
instance .post(`url`, params).then(res => res.data);

その後、エラーは報告されていないことがわかりましたが、バックグラウンドが受信パラメーターを受け入れることができなかったので、情報を確認したところ、qs モジュールを導入する必要があることがわかりました

var qs=require('qs');
var instance = axios.create({
 headers: {'content-type': 'application/x-www-form-urlencoded'}
});
instance .post(`url`, qs.stringify(params)).then(res => res.data);

完了!

問題は解決しました!

関連する推奨事項:

node.js axiosを介してネットワークリクエストを実装する方法

VueJsによるAxiosインターフェースリクエストツールインスタンスの詳細の構築

クロスドメインリクエストにaxiosを使用したvue2.0の設定proxyTableについて

以上がvue2 で axios http リクエストを使用する場合の問題と解決策の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。