a=a&b=b を使用して vue でポストリクエストを実装します

今回は、a=a&b=bを使用したvueでのpostリクエストをご紹介します。 a=a&b=bを使用してvueでpostリクエストを実装する際の注意点は次のとおりです。実際のケースですので、見てみましょう。

vue の開発プロセスでは、常に何らかの問題に遭遇します。もちろん、どんな問題があっても前進を妨げることはできません。開発プロセス中に遭遇した問題を以下に示します。

リクエスト パラメーター1,とりあえずバックグラウンドデータがない場合、投稿リクエストのパラメータのほとんどは name:a,age:b の形式で書かれることになります

import axios from 'axios';
axios.post(url,{
    name:'0',age:''
    },{emulateJSON: true}, {  // 这里是跨域写法
    headers:{"Content-Type": "application/x-www-form-urlencoded;charset=utf-8",}  // 这里是跨域的写法
    }).then(reponse=>{
     console.log(reponse)
      this.tableData=reponse.data.data
    })

この書き方で問題ありません

2.背景が書かれているのに、投稿リクエストを name:a&age:b という風に書きたい場合、上で書いたデータは現時点ではリクエストできません。この問題を解決するプラグイン

2.1、

install

qs

 npm install --save axios vue-axios qs

2.2、in 要求されたページを追加します

    import qs from 'qs';
     import axios from 'axios';
axios.post(url,qs.stringify({  // 通过qs.stringify()将对象解析成URL的形式
    name:'0', age:'2'
    }),{emulateJSON: true},{
    headers:{"Content-Type": "application/x-www-form-urlencoded;charset=utf-8",}
    }).then(reponse=>{
     console.log(reponse)
     this.tableData=reponse.data.data
    })

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、お支払いください。 PHP 中国語 Web サイトの他の関連記事にも注目してください。

推奨読書:

PopupWindow コンポーネントの使用手順分析の Vue 実装

vue+jquery+lodash スライド時の上部フローティング固定関数の詳細な説明

以上がa=a&b=b を使用して vue でポストリクエストを実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。