Need help with vue-axios?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

Global Rank
#41,124
Topics of expertise
lazyloa...
validat...
date-pi...
axios
meta-ta...
image-g...
lightbo...
validat...
Location
Hanoi, Vietnam
1.8K Stars 172 Forks MIT License 112 Commits 3 Opened issues

Description

A small wrapper for integrating axios to Vuejs

Services available

!
?

Need anything else?

Contributors list

# 41,124
vuejs
axios
Shell
lazyloa...
67 commits
# 180,686
countri...
Go
node
vuejs
5 commits
# 260,040
vuejs
JavaScr...
axios
2 commits
# 48,603
Nest
libui
axios
GraphQL
1 commit
# 3,413
JavaScr...
entitie...
vuejs
axios
1 commit
# 89,172
recurre...
node
Svelte
codesan...
1 commit

vue-axios

A small wrapper for integrating axios to Vuejs

Support matrix

|VueJS \ VueAxios|1.x|2.x|3.x| |-|-|-|-| |1.x|✔|✔|✔| |2.x|✔|✔|✔| |3.x|❌|❌|✔|

How to install:

ES6 Module:

npm install --save axios vue-axios

Import libraries in entry file:

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

Usage in Vue 2:

js
Vue.use(VueAxios, axios)

Usage in Vue 3:

js
const app = Vue.createApp(...)
app.use(VueAxios, axios)

Script:

Just add 3 scripts in order:

vue
,
axios
and
vue-axios
to your
document
.

Usage:

This wrapper bind

axios
to
Vue
or
this
if you're using single file component.

You can use

axios
like this: ```js Vue.axios.get(api).then((response) => { console.log(response.data) })

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

this.$http.get(api).then((response) => { console.log(response.data) }) ```

Please kindly check full documention of axios too

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.