vue axios中的get请求方式是什么

这篇文章主要讲解了“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.引入axiosimport 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请求方式是什么”的内容了，经过本文的学习后，相信大家对vue axios中的get请求方式是什么这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是编程网，小编将为大家推送更多相关知识点的文章，欢迎关注！