vue get请求怎么传json格式
时间: 2023-10-29 12:06:53 浏览: 450
详解如何在Vue项目中发送jsonp请求
在 Vue 中,可以使用 axios 库发送 GET 请求,并将数据以 JSON 格式传递。可以通过以下步骤实现:
1. 在 Vue 组件中引入 axios 库:
```
import axios from 'axios'
```
2. 发送 GET 请求,并将数据以 JSON 格式传递:
```
axios.get('/api/data', {
params: {
data: JSON.stringify({key1: value1, key2: value2})
}
})
.then(response => {
console.log(response)
})
.catch(error => {
console.log(error)
})
```
在上面的代码中,传递的数据是一个 JSON 对象,使用 JSON.stringify() 方法将其转换为字符串,并以 "data" 为参数名传递。
在后端接收到请求后,可以使用以下代码将传递的 JSON 字符串转换为对象:
```
const data = JSON.parse(req.query.data)
```
其中 req.query.data 是 GET 请求中传递的参数名。
阅读全文