vueget请求传递参数

 

在Vue中，可以通过get请求传递参数的方式有很多种。下面将介绍一些常用的方法。

 

1. URL参数传递：

最常见的一种方式是通过URL参数传递参数。在发送get请求时，将参数添加到URL中即可。例如：

```javascript

this.$axios.get('/api/user'

{

params: {

id: 123

}

})

```

这样就会发送一个get请求到`/api/user?id=123`。

 

2. 路径参数传递：

有时候，我们需要在URL路径中传递参数。这可以通过在URL中使用`:`符号来实现。例如：

```javascript

this.$axios.get('/api/user/:id'

{

params: {

id: 123

}

})

```

这样就会发送一个get请求到`/api/user/123`。

 

3. Query参数传递：

除了将参数直接添加到URL中，还可以通过在请求对象中使用`params`属性来传递参数。例如：

```javascript

this.$axios.get('/api/user'

{

params: {

id: 123

}

})

```

这样就会发送一个get请求到`/api/user`，但是会在请求中添加一个`id=123`的参数。

 

4. FormData对象传递：

有时候，我们需要发送复杂的参数对象，可以使用FormData对象来传递参数。首先创建一个FormData对象，然后使用`append`方法添加参数。例如：

```javascript

const params = new FormData()

params.append('id'

123)

params.append('name'

'Tom')

 

this.$axios.get('/api/user'

{

params

})

```

这样就会发送一个get请求到`/api/user`，并且在请求中添加了`id=123`和`name=Tom`的参数。

 

5. 在URL中使用查询字符串传递参数：

在某些情况下，我们需要将参数直接拼接到URL中的查询字符串中。可以使用`qs`库来实现这一功能。首先安装`qs`库：

```bash

npm install qs

```

然后在发送请求时，使用`qs.stringify`方法将参数转换为查询字符串，然后添加到URL中。例如：

```javascript

import qs from 'qs'

 

const params = {

id: 123

 

name: 'Tom'

}

 

this.$axios.get('/api/user?' + qs.stringify(params))

```

这样就会发送一个get请求到`/api/user?id=123&name=Tom`。

 

总结：以上是一些常用的通过get请求传递参数的方式，根据实际的需求选择合适的方法来传递参数。希望对你有所帮助。