在vue js cli中未定义axios

JavaScript Vue.js

西里JinJin

2020-03-17

我使用以下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

如何解决？

第1888篇《在vue js cli中未定义axios》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共2个回答
泡芙 2020.03.17

包括以下行： 

import {AxiosInstance as axios} from "axios";
乐米亚 2020.03.17

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

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

Vue.prototype.$axios = axios

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android