Vue 使用 axios 进行 get 请求拼接参数的两种方式

作者：不觉心动

2023-06-08
北京
本文字数：683 字
阅读完需：约 2 分钟

前言

本文主要介绍如何在 Vue 使用axios进行 get 请求拼接参数的两种方式

我们就以github上的一个开源接口举例：

https://api.github.com/search/users?q=xxx

这是 github 给开发人员提供的一个接口，是 get 请求。我们可以直接通过浏览器访问

很明显，q 是一个参数，xxx 是参数的值，至于 q 的值是什么，就看我们传什么参数，这种格式的传参格式我知道的有以下两种，下面分享给大家

方式 1(不推荐)

最简单的方式：我们可以直接使用+进行字符串拼接，如下所示

        axios.get('https://api.github.com/search/users?q='+this.keyWord).then(                        // 成功回调                        success=>{                            console.log('请求成功！')                            // 请求成功后的数据                            console.log(success.data)                        },                        // 失败回调                        error=>{                                console.log('请求失败！')                            // 请求失败原因                            console.log(error.message)                        }                    )