今回は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 })
install
qsnpm install --save axios vue-axios qs
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 })
Nuxt.js SSR 権限検証の使用
以上がVue での POST リクエストの使用 (コードが添付されています)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。