vue axios中的get请求
一、安装
二、使用
常见错误
vue axios post请求参数错误400
vue axios中的get请求 一、安装使用 npm:npm install axios
二、使用步骤:1.引入 2.发送请求
<template>
<div>
<!-- 2.点击发送请求 -->
<button @click="getdata">get请求-无参数</button
><button @click="getDataByParams">get请求-有参数</button>
</div>
</template>
<script>
//1.引入axios
import axios from "axios";
export default {
methods: {
// 3.发送axios无参数请求
getdata() {
axios
// 3.1url地址
.get("http://157.122.54.189:9095/scenics/banners")
// 3.2成功时回调函数
.then((data) => {
console.log(data);
})
//3.3失败时回调函数
.catch((err) => {
console.log(err);
});
},
// 有参数
getDataByParams() {
axios
//params:可传递多个参数,固定写法,不能改,否则参数传递失败
.get("http://157.122.54.189:9095/posts", { params: { id: 4 } })
.then((data) => {
console.log(data);
})
.catch((err) => {
console.log(err);
});
},
},
};
</script>
<style>
</style>
常见错误
url后面不要写冒号,否则会结束。
vue axios post请求参数错误400如果直接把loginMode1当请求参数传,后端是接收不到的
要对loginMode1处理成字符串然后再转换,如下
然后再axios处理
这样就不会有问题了
以上为个人经验,希望能给大家一个参考,也希望大家多多支持易知道(ezd.cc)。