vue axios中的get请求方式
目录
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处理
这样就不会有问题了
以上为个人经验，希望能给大家一个参考，也希望大家多多支持软件开发网。
相关文章
Rabia
2021-04-21
Claire
2021-05-21
Judy
2023-07-20
Rabia
2023-07-20
Brigitte
2023-07-20
Abbie
2023-07-20
Yvonne
2023-07-20
Rasine
2023-07-20
Tina
2023-07-20
Kande
2023-07-20
Flower
2023-07-20
Heather
2023-07-20
Tertia
2023-07-20
Fredrica
2023-07-20
Katherine
2023-07-20
Genet
2023-07-20
Orianna
2023-07-20
Ora
2023-07-20