欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue?axios中的get請(qǐng)求方式

 更新時(shí)間:2022年07月02日 10:37:57   作者:山竹回家了  
這篇文章主要介紹了vue?axios中的get請(qǐng)求方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

vue axios中的get請(qǐng)求

一、安裝

使用 npm:npm install axios

二、使用

步驟:1.引入 2.發(fā)送請(qǐng)求

<template>
? <div>
? ? <!-- 2.點(diǎn)擊發(fā)送請(qǐng)求 -->
? ? <button @click="getdata">get請(qǐng)求-無參數(shù)</button
? ? ><button @click="getDataByParams">get請(qǐng)求-有參數(shù)</button>
? </div>
</template>
<script>
//1.引入axios
import axios from "axios";
export default {
? methods: {
? ? // 3.發(fā)送axios無參數(shù)請(qǐng)求
? ? getdata() {
? ? ? axios
? ? ? ? // 3.1url地址
? ? ? ? .get("http://157.122.54.189:9095/scenics/banners")
? ? ? ? // 3.2成功時(shí)回調(diào)函數(shù)
? ? ? ? .then((data) => {
? ? ? ? ? console.log(data);
? ? ? ? })
? ? ? ? //3.3失敗時(shí)回調(diào)函數(shù)
? ? ? ? .catch((err) => {
? ? ? ? ? console.log(err);
? ? ? ? });
? ? },
? ? // 有參數(shù)
? ? getDataByParams() {
? ? ? axios
? ? ? ? //params:可傳遞多個(gè)參數(shù),固定寫法,不能改,否則參數(shù)傳遞失敗
? ? ? ? .get("http://157.122.54.189:9095/posts", { params: { id: 4 } })
? ? ? ? .then((data) => {
? ? ? ? ? console.log(data);
? ? ? ? })
? ? ? ? .catch((err) => {
? ? ? ? ? console.log(err);
? ? ? ? });
? ? },
? },
};
</script>
<style>
</style>

常見錯(cuò)誤

url后面不要寫冒號(hào),否則會(huì)結(jié)束。 

vue axios post請(qǐng)求參數(shù)錯(cuò)誤400

如果直接把loginMode1當(dāng)請(qǐng)求參數(shù)傳,后端是接收不到的

要對(duì)loginMode1處理成字符串然后再轉(zhuǎn)換,如下

然后再axios處理

這樣就不會(huì)有問題了

以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論