使用VUe框架调用POST请求调用API
时间: 2023-10-06 19:04:13 浏览: 106
vue实现的请求服务器端API接口示例
5星 · 资源好评率100%
你可以使用Vue.js的axios库来发起POST请求调用API。首先需要安装axios库,可以通过npm命令安装:
```
npm install axios
```
然后在Vue组件中引入axios库,并使用axios.post()方法发起POST请求。例如:
```html
<template>
<div>
<button @click="callAPI">Call API</button>
</div>
</template>
<script>
import axios from 'axios';
export default {
methods: {
async callAPI() {
try {
const response = await axios.post('http://example.com/api', {
data: 'your data here'
});
console.log(response.data);
} catch (error) {
console.error(error);
}
}
}
};
</script>
```
在上面的示例中,点击按钮调用callAPI()方法,该方法使用axios.post()方法发起POST请求到http://example.com/api,并传递data参数。成功响应后,将响应数据打印到控制台。如果请求失败,则将错误信息打印到控制台。
阅读全文