vue代码写一个get请求后台数据
时间: 2024-03-22 19:38:35 浏览: 13
在 Vue 中使用 axios 库可以很方便地发送 GET 请求获取后台数据。以下是一个示例代码:
1. 安装 axios 库
```bash
npm install axios --save
```
2. 在 Vue 组件中使用 axios 发送 GET 请求
```javascript
<template>
<div>
<h2>获取后台数据</h2>
<ul>
<li v-for="item in items" :key="item.id">{{ item.name }}</li>
</ul>
</div>
</template>
<script>
import axios from 'axios';
export default {
data() {
return {
items: [],
};
},
created() {
// 在组件创建时发送 GET 请求
axios.get('/api/items').then(response => {
this.items = response.data;
}).catch(error => {
console.log(error);
});
},
};
</script>
```
在上面的代码中,我们在组件创建时使用了 axios 发送了一个 GET 请求到 /api/items 路径,然后通过 response.data 获取到后台返回的数据,并将其赋值给组件的 items 数据。如果请求失败,则会将错误信息打印到控制台。