ホームページ > ウェブフロントエンド > jsチュートリアル > axios を使用して vue2 での http リクエストの問題を解決するための詳細な手順 (詳細なチュートリアル)

axios を使用して vue2 での http リクエストの問題を解決するための詳細な手順 (詳細なチュートリアル)

亚连
リリース: 2018-06-01 11:42:20
オリジナル
2254 人が閲覧しました

ここで、vue2 で axios http リクエストを使用する際の問題を解決する方法についての記事を共有します。これは非常に参考になるので、皆さんのお役に立てれば幸いです。

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

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

URL がリモートインターフェースの場合リンクすると、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);
ログイン後にコピー

完了!

上記は私があなたのためにまとめたものです。

関連記事:

Angular4はng2-file-uploadのアップロードコンポーネントを統合

iviewテーブルの高さを動的に設定するメソッド

vue2.0のstyle/cssローダーをインストールするメソッド

以上がaxios を使用して vue2 での http リクエストの問題を解決するための詳細な手順 (詳細なチュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート