Maison > interface Web > js tutoriel > Utilisation de la demande de publication dans vue (code ci-joint)

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

php中世界最好的语言
Libérer: 2018-06-04 14:59:21
original
14693 Les gens l'ont consulté

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
    })
Copier après la connexion
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
Copier après la connexion
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
    })
Copier après la connexion
à 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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal