Vue Axios的GET请求如何实现成长尾？

本文共计426个文字，预计阅读时间需要2分钟。

目录 + Vue + Axios 中的 GET 请求

一、安装

二、使用

常见错误

Vue + Axios 中的 POST 请求参数错误 400

一、安装

二、使用

步骤：

1.引入

2.发送请求

template div

目录

• 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("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("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处理

这样就不会有问题了

以上为个人经验，希望能给大家一个参考，也希望大家多多支持易盾网络。