Axios に基づいてよく使用されるリクエスト メソッドのエイリアス (詳細な説明)

ここで、Axios で一般的に使用されるリクエスト メソッドのエイリアスに関する記事を共有します。これは非常に参考になるので、皆さんのお役に立てれば幸いです。

Axios

は、ブラウザとnode.jsで使用できるPromiseベースのHTTPライブラリです。

一般的に使用されるリクエスト メソッドのエイリアスには、通常次のものが含まれます: Get/post/http プロトコル リクエスト

Get リクエストの実行

function get(){
 return axios.get('/data.json', {
    params:{
     id:1234
    }
    }).then(function (response) {
     console.log(response);
    })
   .catch(function (error) {
    console.log(error);
   });
 }

get メソッドを使用してパラメータを渡す場合、params メソッドが使用されます

Post の実行request

function post(){
return axios.post('/data.json', {
  id:1234
    })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });
 }

post メソッドを使用してパラメータを渡す場合、データは直接転送されます。これも 2 つのメソッドの違いです。

httpプロトコルリクエストを実行します

function http(){
 return axios({
 method: 'post',
 url: '/data.json',
 data: {
  id: 1111,
 },
params: {
 id:2222,
 }).then(res=>{
  this.msg=res.data;
 });
}

ここでの違いに注意してください。postリクエストを使用する場合はデータパラメータを転送するために使用され、getリクエストを使用する場合はparamsメソッドが使用されます。

インターセプターを使用する:

then または catch によって処理される前にリクエストまたは応答をインターセプトします。

// 添加请求拦截器
mounted:function(){
  axios.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    return config;
   }, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
   });
// 添加响应拦截器
  axios.interceptors.response.use(function (response) {
    // 对响应数据做点什么
    return response;
   }, function (error) {
    // 对响应错误做点什么
    return Promise.reject(error);
   });
}

以上、皆様の参考になれば幸いです。

関連記事:

jqueryがドラッグファイルアップロード読み込みプログレスバー機能を実装

JavaScriptプロトタイプとプロトタイプチェーンを分析

Angular CLIを使用してAngular 5プロジェクトを生成するチュートリアル詳細説明

以上がAxios に基づいてよく使用されるリクエスト メソッドのエイリアス (詳細な説明)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。