Javascript 未捕获类型错误：无法读取属性'；获取'；VueJs中未定义的

我有以下代码

<div id="vue-instance">

</div>

当我运行上面的代码时，它给出了以下错误

未捕获的TypeError:无法读取未定义的属性“get”

我有一把小提琴

---

非常感谢您的帮助

$http.get

来自。通过将

vue资源

添加到您的

包.json

，通过

npm安装

并在代码中安装，确保您正确地将其拉入：

var Vue = require('vue');

Vue.use(require('vue-resource'));

要在fiddle中使用此功能，您必须在外部资源中添加

vue资源

，并在代码中使用以下内容：

Vue.use(VueResource)

---

请参阅工作演示：

$http.get

来自。通过将

vue资源

添加到您的

包.json

，通过

npm安装

并在代码中安装，确保您正确地将其拉入：

var Vue = require('vue');

Vue.use(require('vue-resource'));

要在fiddle中使用此功能，您必须在外部资源中添加

vue资源

，并在代码中使用以下内容：

Vue.use(VueResource)

---

请参阅工作演示：

，因为您没有vue资源的插件。未定义$http。

---

要在js fiddle上添加Vue资源，请添加到外部脚本部分。

因为您没有Vue资源的插件，因此，$http未定义。

---

要在js fiddle上添加Vue资源，请添加到外部脚本部分。

要使用$http，必须先安装Vue资源中间件。您可以使用以下命令来安装它

npm install vue-resource --save

安装后，转到您的main.js文件并导入vue资源，如下所示

import vueResource from 'vue-resource'

现在它已导入，因此我们只需调用Vue的use方法即可使用该中间件。您可以按如下方式调用use方法

Vue.use(vueResource)

---

要使用$http，必须首先安装vue资源中间件。您可以使用以下命令来安装它

npm install vue-resource --save

安装后，转到您的main.js文件并导入vue资源，如下所示

import vueResource from 'vue-resource'

现在它已导入，因此我们只需调用Vue的use方法即可使用该中间件。您可以按如下方式调用use方法

Vue.use(vueResource)

---

我通过以下模式修复了此问题：

npm install bootstrap-vue --save
npm install vue-resource --save

在main.js中

import Vue from './bootstrap'
import BootstrapVue from 'bootstrap-vue'

Vue.use(BootstrapVue)

创建bootstrap.js

import Vue from 'vue'
import VueResource from 'vue-resource'

Vue.use(VueResource)

export { Vue }

在App.vue中

this.$http.get('/api/module/all').then(...

---

我通过以下模式修复了此问题：

npm install bootstrap-vue --save
npm install vue-resource --save

在main.js中

import Vue from './bootstrap'
import BootstrapVue from 'bootstrap-vue'

Vue.use(BootstrapVue)

创建bootstrap.js

import Vue from 'vue'
import VueResource from 'vue-resource'

Vue.use(VueResource)

export { Vue }

在App.vue中

this.$http.get('/api/module/all').then(...

---

从2019年10月起，我采用了另一种方式。我第一次像这样使用NPM安装

npm install axios --save

后来我在下面使用了这个，在下面做这个可以消除错误

import  axios  from 'axios';

---

从2019年10月起，我采用了另一种方式。我第一次像这样使用NPM安装

npm install axios --save

后来我在下面使用了这个，在下面做这个可以消除错误

import  axios  from 'axios';

---

您是否安装并配置了vue资源？@AmreshVenugopal如何在JSFIDLE上安装该资源？vue资源已被弃用。使用Axios是否已安装和配置vue资源？@AmreshVenugopal如何在JSFIDLE上安装该资源？vue资源已弃用。用Axioshow在小提琴上演奏？我只想做一个Ajax调用，还有其他方法吗？尽管我看到错误消失了，但我仍然无法在控制台中看到任何东西，并且我手动测试url是否正常工作fine@Vikram代码中几乎没有其他错误，请参阅工作解决方案。如果您有任何疑问，请告诉我。如果您也能在答案中更新该链接，那就太好了。所以它对其他人有用people@Saurabh也许你能帮我。看看这个：如何在小提琴中演奏？我只想做一个Ajax调用，还有其他方法吗？尽管我看到错误消失了，但我仍然无法在控制台中看到任何东西，并且我手动测试url是否正常工作fine@Vikram代码中几乎没有其他错误，请参阅工作解决方案。如果您有任何疑问，请告诉我。如果您也能在答案中更新该链接，那就太好了。所以它对其他人有用people@Saurabh也许你能帮我。看看这个：