vue get json发请求
时间: 2023-11-13 14:03:37 浏览: 72
vue配置请求本地json数据的方法
你可以使用Vue.js中的`axios`库来发送JSON请求。首先,你需要在你的Vue.js项目中安装`axios`库,你可以通过以下命令来安装:
```
npm install axios --save
```
然后,在你的Vue组件中,你可以使用以下代码来发送JSON请求:
```javascript
<script>
import axios from 'axios'
export default {
name: 'MyComponent',
data () {
return {
jsonData: {}
}
},
created () {
axios.get('https://jsonplaceholder.typicode.com/posts/1')
.then(response => {
this.jsonData = response.data
})
.catch(error => {
console.log(error)
})
}
}
</script>
```
在上面的代码中,我们使用`axios`库来发送一个GET请求,并将响应数据存储在`jsonData`变量中。你可以根据你的需要来修改请求的类型、URL和数据。
阅读全文