HelloWorld.vue?e90b:89 Uncaught (in promise) TypeError: Cannot read property '$http' of undefined
时间: 2023-09-27 20:07:49 浏览: 114
这个错误是因为在HelloWorld.vue文件中无法读取到$http属性。根据提供的代码,我们可以看到在main.js文件中定义了Axios,并将其绑定到Vue实例的原型上。然而,在HelloWorld.vue组件中使用$http时,可能由于作用域的问题,无法访问到Vue实例。
为了解决这个问题,我们可以使用Vue的mixin将$http属性添加到组件中。在HelloWorld.vue文件中,我们可以添加一个created生命周期钩子函数,并在函数中使用mixin将$http属性添加到组件中。具体代码如下:
<script>
import axios from "axios";
export default {
name: "HelloWorld",
created() {
this.$http = axios;
},
// ...
};
</script>
通过这样的修改,我们在HelloWorld.vue组件中就可以正常访问到$http属性了。希望这个解决方案能够帮到你。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [Vue错误日记 ——关于Vue-Router出现esm-...6c02:2127 Uncaught TypeError: Object(...) is no的解决方案](https://blog.csdn.net/qq_33638188/article/details/124786845)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
阅读全文