Utilisation de la demande de publication dans vue (code ci-joint)

Cette fois, je vais vous apporter la demande de publication (avec code) en vue. Quelles sont les précautions pour utiliser la demande de publication en vue. levez-vous et jetez un oeil.

Lors du processus de développement de vue, nous rencontrerons toujours quelques problèmes. Bien sûr, aucun problème ne peut nous empêcher d'avancer, voici les paramètres de requête que j'ai utilisés. pendant le processus de développement. Problèmes rencontrés

1. Lorsqu'il n'y a pas de données de base pour le moment, la plupart des paramètres de la demande de publication seront écrits au format nom :a,âge :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
    })

Cette façon d'écrire ne pose aucun problème,

2. Si le backend a été écrit, mais que la demande de publication doit être écrite sous la forme name:a&age:b , votre écriture La méthode ci-dessus ne pourra pas demander les données. Pour le moment, nous allons utiliser un plugin pour résoudre ce problème

2.1,

installer qs

 npm install --save axios vue-axios qs

2.2, ajoutez

    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
    })

à la page demandée Après avoir lu le cas dans cet article, vous maîtrisez la méthode. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web PHP chinois !

Lecture recommandée :

Utilisation de la vérification des autorisations SSR de Nuxt.js

Comment utiliser JS pour réaliser le cross- domaine

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!