ホームページ > ウェブフロントエンド > jsチュートリアル > vue.js で axios を簡単に設定する方法の紹介

vue.js で axios を簡単に設定する方法の紹介

不言
リリース: 2018-06-29 11:54:58
オリジナル
1533 人が閲覧しました

この記事では主に vue.js で axios を設定する方法を紹介します。必要な方は参考にしてください。以下の記事では、vue.js を使用した axios の簡単な構成に関する関連情報を紹介します。必要な友人は、それを参照して一緒に学ぶことができます。

前書き公式はもうリソースの使用を推奨していません。axios に切り替えても後れを取ることはできません。少なくとも面接中に面接官に自慢できるようにする必要があります。ナンセンスです。


それ自体には次の機能があります:

    ブラウザから XMLHttpRequest を作成する
  • Node.js から http リクエストを作成する
  • Promise API をサポートする
  • リクエストをインターセプトする応答
  • リクエストとレスポンスのデータを変換
  • リクエストをキャンセル
  • JSONデータを自動変換
  • CSRF/XSRFを防ぐためのクライアントサポート

設定方法 まずnpmでインストールします

npm install --save axios vue-axios
ログイン後にコピー

インストール後、main.js ファイルで設定し、次の 2 つの文を追加します

import axios from 'axios'
Vue.prototype.$http = axios
ログイン後にコピー

そして、インターフェイスデータを読み取るときに、次のように直接書くことができます。これは、リソースの場合と同じです同様に、以下の私の op、uin などはすべて渡されるパラメータです。

りー

さて、終わりました!

上記がこの記事の全内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトをご覧ください。

関連する推奨事項:

Vue.js 命令を使用してすべて選択機能を実装する方法


Vue ルーティングの使用分析について


以上がvue.js で axios を簡単に設定する方法の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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