vue2使用axios请求报错Cannot set property ‘axios‘ of undefined

最新推荐文章于 2024-08-06 17:48:24 发布
最新推荐文章于 2024-08-06 17:48:24 发布
阅读量2k 收藏
点赞数 3
分类专栏： vue 文章标签： vue bug http
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45745643/article/details/109104454
版权

今天使用axios请求时突然报了个错：

在这里插入图片描述

之前用的好好的，怎么今天就突然报这样的错了呢！

细心的同学应该发现了，vue-axios已经升级到3.0版本了，还记得上个月新发布的vue3吗，随着vue3的更新，vue-axios也升级了，大家可以看看官网的介绍 vue-axios

在这里插入图片描述

最新的vue-axios3仅支持最新的vue3，所以解决方法就是安装旧版本的vue-axios：

1.卸载vue-axios

npm remove vue-axios

2.重新安装旧版本的vue-axios

npm install --save vue-axios@2
陈仙生
关注
专栏目录
求助：Cannot set property ‘axios‘ of undefined
qq_47701723的博客
10-08 784
vue前端开发中，使用axios请求后台报错 main.js
vue开发使用axios的时候报错
qq_46119030的博客
10-09 2493
Cannot set property “axios” of undefined 前天写代码的时候，第一次用axios报了一个错，再三检查下，发现代码是没有问题的。然后检查了版本发现了问题。 打开package.json文件，找到对应的版本号。时至今日，axios最新的版本号是3.0.1，所以使用 npm install axios -S npm install qs -S npm install vue-axios -S 命令下载的时候会下载最新版本，就有了版本之间的不和谐。 下面是package.js
使用axios报错：Uncaught TypeError: Cannot set properties of undefined (setting ‘baseURL‘)
weixin_46560422的博客
05-30 808
先使用npm uninstall axios卸载当前axios版本。在使用axios的时候，因为版本的原因会在页面中出现这种错误。在使用npm install axios@ 0.21.1 -s。我们需要指定axios的版本，可以解决这个问题！
Vue.use(VueAxios,axios)报错cannot set property ‘axios‘ of undefined
qq_47701723的博客
10-09 4950
今天在项目中设置接口错误拦截时用到了axios报错， cannot set property ‘axios’ of undefined 解决方法：首先我们需要知道axios是一个库，并不是vue中的第三方插件，使用时不能通过Vue.use()安装插件，需要在原型上进行绑定，所以如何配合vue使用axios? Vue 原本有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新 vue-resource 目前主流的 Vue 项目，都选择 axios 来
TypeError: Cannot set properties of undefined 解决方案
最新发布
yodoyskts的博客
08-06 520
组件里写了script标签，忘记写export default{}了，把这个加上重新运行一遍就可以解决啦。希望大家引以为戒，这种错误还是不要犯的好哈哈。
vue中遇到的坑“vue.js 使用axios数据请求时数据绑定时 报错 TypeError: Cannot set property ‘xxxx‘ of undefined “的解决办法
qq_16733389的博客
08-18 1377
上面的data里面做了定义 并且也取到了数据，但就是定义的数据一致显示未定义。 原因：在使用axios的时候then的内部不能使用Vue的实例化的this, 因为在内部 this 没有被绑定在then的内部，console.log(this)，输出undefined。 解决方法： ...
记录 | Vue报错：TypeError: Cannot set properties of undefined (setting ‘Authorization‘)
taotu_tao的博客
09-19 3609
TypeError: Cannot set properties of undefined (setting ‘Authorization‘)
外部 js 文件 访问 vue 实例 的两种方法 / 解决报错 TypeError: Cannot read property ‘$http‘ of undefined“
♡ 脚下的每一步都叫远方 ♡
07-14 2308
文章目录BeforeSolution1Solution2 Before 报错: Error in v-on handler: “TypeError: Cannot read property ‘$http’ of undefined” Cannot read property ‘$http’ of undefined Solution1 其实, 当我们创建 Vue 实例的时候 import vue from ‘vue’; 这里就完全可以把vue看作为 js 文件. 就是这个道理, 那么, 把某个库
[已解决]TypeError Can not set property ‘xxx‘ of undefined报错情况分析
m0_54853420的博客
03-09 2043
之前我写过一篇 [已解决]TypeError: Cannot read property ‘xxx‘ of undefined报错情况分析 那篇报错说的是Cannot read ——“不能读取未定义的数据” 这个报错是Cannot set ——“不能设置未定义的数据”，也就是说你不能给未定义的数据赋值。 可以看到：如果一个变量a没有在data中定义，你这样去给它赋值： this.a = 'hello,world'，是没有问题的。这说明跟 数据在不在data中定义 没啥关系。 问题在于this的指向 th
VUE中axios 报错 TypeError: Cannot set property ‘type‘ of undefined，
m0_49359842的博客
01-21 2985
报错： 导致axios里then的方法不执行 问题: 后台数据没有传到前端导致传的是一片空 不是null也不是 undefined 是没有东西 导致resp响应为空在底层会报错 以上在catch里做逻辑处理非常不推荐，我为了效果先这样，后面会改！！！ 解决：传递响应封装类或者至少传递一个true或false就能解决 不让只能向上面一样在catch里面做逻辑处理。 ...
axios TypeError: Cannot set property ‘xxxx‘ of undefined 的解决办法
chi_666的博客
12-31 351
前端
VUE.JS 使用axios数据请求时数据绑定时 报错 TypeError: Cannot set property of undefined 的解决办法
新技术革命
06-24 2188
VUE.JS 使用axios数据请求时数据绑定时 报错 TypeError: Cannot set property 'xxxx' of undefined 的解决办法 正常情况下在data里面都有做了定义 在函数里面进行赋值 这时候你运行时会发现，数据可以请求到，但是会报错 TypeError: Cannot set property 'listgroup' of undefined 主要原因是： 在then的内部不能使用Vue的实例化的this, 因为在内部this没有被绑定。...
axios报错Uncaught (in promise) TypeError: Cannot set properties of undefined (setting ‘wenben‘) at
qq_43761240的博客
04-26 1万+
axios中报错 该问题是 this在网络请求的异步代码块中的this与当前数据所在类的this不是一个作用域，所以会导致undefined。 可以使用箭头函数解决
vue父组件修改子组件的属性值（报错“TypeError: Cannot set properties of undefined (setting ‘status‘)“，解决方法）
weixin_38345306的博客
06-12 6793
vue父组件修改子组件的属性值（报错"TypeError: Cannot set properties of undefined (setting 'status')"，解决方法）
VUE.JS 使用axios数据请求时数据绑定时 报错 TypeError: Cannot set property 'xxxx' of undefined 的解决办法
rj2017211811的博客
09-11 8571
在axios里使用this.xxxx(xxxx为data里面定义的)报错 TypeError: Cannot set property 'xxxx' of undefined 主要原因是： 在 then的内部不能使用Vue的实例化的this, 因为在内部 this 没有被绑定。 可以看下 Stackoverflow 的解释： 解决办法： 1、用ES6箭头函数，箭头方法可以和父方法共享变量 2、在...
【vue】文件批量上传报错问题解决Uncaught TypeError: Cannot set properties of undefined (setting ‘status‘)
CatalpaWoo的博客
09-22 6053
vue在使用el-upload组件进行多文件上传时报错Uncaught TypeError: Cannot set properties of undefined (setting ‘status’)。
解决Vue + Echarts的报错（Cannot set properties of undefined (setting ‘plate‘)）
weixin_46419373的博客
03-08 3576
代码： 报错信息： 上面的报错主要是： Cannot set properties of undefined (setting ‘plate’) 翻译之后就是：无法设置未定义的属性（设置“plate”）(这里plate是在this里面定义的一个属性) 从这就能大概猜出是因为获取不到data里定义的这个属性造成的（具体就是this指向问题） 第一次解决问题： 原本我以为定义一个that方法把他指向给this就行，结果还是报错了 第二次解决问题： 仔细检查了一下，发现是formatter造成的，改成箭头
【vue报错：Cannot set properties of undefined (setting ‘xxx‘)】
热门推荐
weixin_44665318的博客
08-24 7万+
vue报错：Cannot set properties of undefined (setting 'xxx')
vue2中axios报错Cannot read properties of undefined (reading 'data')
08-20
在Vue2中，当axios请求数据后，可能会遇到"Cannot read properties of undefined (reading 'data')"的错误。这个错误通常是由于模板解析完毕，但axios请求数据还未完成时触发的。虽然控制台会报错，但页面仍然能够成功加载。因为当axios请求完成后，Vue会检测到模板中的数据变化，并重新解析模板，所以页面会正常显示数据。解决这个问题的方法是在使用axios请求数据时，要确保在模板解析之前数据已经获取并准备好了。这样就能避免该错误的发生。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [vue中axios请求数据加载模板报错Error in render: “TypeError: Cannot read properties of undefined ...](https://blog.csdn.net/weixin_49931650/article/details/127174054)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值