use axios globally in all my components vue

by

In main.js you can just assign Axios to $http.

main.js

import Axios from 'axios'

Vue.prototype.$http = Axios;

By modifying the vue prototype, any vue instance will have the ability to call $http on this. (e.g. this.$http.get('https://httpbin.org/get')

Note: $http is the axios object now, so any method you can call on axios object, you can call on this.$http.

More Related Contents:

  1. Axios can’t set data
  2. Which command do I use to generate the build of a Vue app?
  3. How to deploy Laravel/Lumen Framework to the production server [closed]
  4. how to make a maximum 1MB upload image?
  5. How can I solve “Interpolation inside attributes has been removed. Use v-bind or the colon shorthand”? Vue.js 2
  6. How to pass a value from Vue data to href?
  7. How to make a dynamic import in Nuxt?
  8. Vue: shared data between different pages
  9. What’s the real difference between target: ‘static’ and target: ‘server’ in Nuxt 2.14 universal mode?
  10. Vue.js – How to remove hashbang #! from url?
  11. TypeError: this.getOptions is not a function
  12. Vue.js change {{ }} tags
  13. Mocking methods on a Vue instance during TDD
  14. How to have list + details pages based on API fetched content
  15. Delete a Vue child component
  16. Pass data from child to parent in Vuejs (is it so complicated?)
  17. Vue.js—Difference between v-model and v-bind
  18. What is nextTick and what does it do in Vue.js?
  19. “export ‘default’ (imported as ‘Vue’) was not found in ‘vue’
  20. vuetify icon not showing
  21. Force download GET request using axios
  22. How to make dynamic routes on the vue router?
  23. Vue.js – validation fails for file upload in axios when multipart/form-data used in header
  24. How to disable ESLint in vue-cli?
  25. Refused to apply style from ” because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled
  26. How can I share data between non parent-child components in Vue
  27. Axios request giving getter setter methods instead of data queried
  28. Pass an object as param to router.push ([email protected])
  29. How to use microfrontends with Vue/Nuxt?
  30. Vuex – Computed property “name” was assigned to but it has no setter

Leave a Comment