Categories: Axios 教程

Axios vue-axios

 基于 vuejs 的轻度封装。

安装

npm

npm install --save axios vue-axios

将下面代码加入入口文件:

import Vue from 'vue';
import axios from 'axios';
import VueAxios from 'vue-axios';

Vue.use(VueAxios, axios);

Script

按照这个顺序分别引入这三个文件: vueaxios and vue-axios

使用

vue-axios 包装器将绑定axios 到Vuethis对象上。

你可以按照以下方式使用:

Vue.axios.get(api).then(response => {
    console.log(response.data);
});

this.axios.get(api).then(response => {
    console.log(response.api);
});
andy

前端小白,在Web176教程网这个平台跟大家一起学习,加油!

Share
Published by
andy

Recent Posts

聊聊vue3中的defineProps

在Vue 3中,defineP…

1 周 ago

在 Chrome 中删除、允许和管理 Cookie

您可以选择删除现有 Cooki…

2 周 ago

自定义指令:聊聊vue中的自定义指令应用法则

今天我们来聊聊vue中的自定义…

3 周 ago

聊聊Vue中@click.stop和@click.prevent

一起来学下聊聊Vue中@cli…

4 周 ago

Nginx 基本操作:启动、停止、重启命令。

我们来学习Nginx基础操作:…

1 月 ago

Vue3:手动清理keep-alive组件缓存的方法

Vue3中手动清理keep-a…

1 月 ago