Vue.js框架+Axios发送异步请求+elementui前端布局框架
<template>
<el-button @click="sendRequest">发送请求</el-button>
</template>
<script>
import axios from 'axios';
export default {
methods: {
sendRequest() {
axios.get('https://api.example.com/data')
.then(response => {
console.log('数据请求成功:', response.data);
// 处理响应数据
})
.catch(error => {
console.error('数据请求失败:', error);
// 处理错误情况
});
}
}
}
</script>这个简单的Vue组件示例展示了如何使用Axios发送GET请求。当用户点击按钮时，sendRequest方法会被触发，然后发送异步请求到指定的URL。请求成功时，会在控制台输出数据，并进行相应的处理；如果失败，会输出错误信息并进行错误处理。这个例子演示了如何在Vue.js项目中使用Axios发送请求，并处理响应或错误。
评论已关闭