在vue js cli中未定义axios

我使用以下npm install axios命令安装了axios 这是我的package.json依赖项

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

我在main.js文件中注册了axios

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)

当我尝试在我的一个组件中使用axios时,出现此错误:

Uncaught ReferenceError: axios is not defined

如何解决?

泡芙2020/03/17 15:12:09

包括以下行:

import {AxiosInstance as axios} from "axios";
乐米亚2020/03/17 15:12:09

Vue.use表示添加插件。但是,axios它不是的插件Vue,因此您无法通过进行全局添加use

我的建议是axios仅在需要时导入但是,如果您确实需要全局访问它,则可以将其添加到原型中。

Vue.prototype.$axios = axios

然后您可以axios使用this.$axios