Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

axios is not defined in vue js cli

I installed axios using the npm install axios command this is my package.json dependencies

 "dependencies": {     "axios": "^0.18.0",     "bootstrap-vue": "^2.0.0-rc.11",     "vue": "^2.5.2",     "vue-router": "^3.0.1"   }, 

I registered the axios in my main.js file.

import Vue from 'vue' import VueRouter from 'vue-router' import BootstrapVue from 'bootstrap-vue'  import axios from 'axios' import App from './App' import routerList from './routes'  Vue.use(axios) Vue.use(BootstrapVue) Vue.use(VueRouter) 

When I tried to use axios in one of my components I get this error:

Uncaught ReferenceError: axios is not defined 

How to fix this?

like image 489
Beginner Avatar asked Jul 17 '18 06:07

Beginner


People also ask

What is Axios in VUE JS?

Axios is a promise-based HTTP client library for both browsers and Node. js applications, which means it can be used in both frontend JavaScript applications and backend Node servers. In this article, we will look at how to use Axios in a simple Vue. js application.


1 Answers

Vue.use means adding plugins. However, axios is not a plugin for Vue, so you can not add it globally via use.

My recommendation is importing axios only when you need it. But if you really need to access it globally, you may like to add it to prototype.

Vue.prototype.$axios = axios 

Then you can access axios in vue using this.$axios

like image 168
user3003238 Avatar answered Sep 29 '22 05:09

user3003238