vue axios中的get请求方式是什么
本文讲解"vue axios中的get请求方式是什么",希望能够解决相关问题。
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处理
这样就不会有问题了
关于 "vue axios中的get请求方式是什么" 就介绍到此。希望多多支持编程宝库。
本文讲解"vue2与vue3中的生命周期执行顺序有什么区别",希望能够解决相关问题。vue2与vue3中生命周期执行顺序区别生命周期比较vue2中执行顺序 beforeCreate=> ...