Vue での POST リクエストの使用 (コードが添付されています)

今回はvueでの投稿リクエスト(コード付き)をご紹介します。 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
    })

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

２．背景が書かれているのに、投稿リクエストを 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 サイトの他の関連記事にも注目してください。

推奨読書:

Nuxt.js SSR 権限検証の使用

JS を使用して最も単純なクロスドメインを実現する方法

以上がVue での POST リクエストの使用 (コードが添付されています)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。