Vue警告：创建的钩子出错：“TypeError：无法读取未定义的属性'get'”

Posted 2023-02-22

【中文标题】Vue警告：创建的钩子出错：“TypeError：无法读取未定义的属性\'get\'”

【英文标题】：Vue warn: Error in created hook: "TypeError: Cannot read property 'get' of undefined"Vue警告：创建的钩子出错：“TypeError：无法读取未定义的属性'get'”

【发布时间】：2019-06-04 16:25:35

【问题描述】：

当我使用 axios 时出现此错误：

[Vue 警告]：创建钩子时出错：“TypeError: Cannot read property 'get' of undefined”

export default 
        methods: 
            loadUsers()
                axios.get("api/user").then(data  => (this.users = data));
            
        ,
        created() 
            this.loadUsers();
        
    

路线： api.php

Route::apiResources(['user' => 'API\UserController']);

控制器： API/用户控制器.php

public function index()
    
        return User::latest()->paginate(5);
    

【问题讨论】：

貌似axios 是undefined，你导入了吗？

哦，我导入这个：import AxiosInstance as axios from "axios"; 删除这个时，没有错误。

【参考方案1】：

我遇到了同样的错误。这个错误是由于 vue 无法识别属于“vue-resource”包的 get 属性，所以我的建议是需要导入包，这将有助于解决这个问题，请按照以下步骤操作

首先检查项目中安装的“vue-resource” 否则安装它

npm install vue-resource

在 main.js 文件中包含这个

从 'vue' 导入 Vue 从'vue-resource'导入VueResource Vue.use(VueResource);

【参考方案2】：

需要先导入Axios：

import axios from 'axios'
export default  
    // ... axios.get will work now