vue 使用axios请求数据控制台有返回接口数据，但是在.then中打印res.data为undefined...

最新推荐文章于 2024-06-15 21:25:42 发布
最新推荐文章于 2024-06-15 21:25:42 发布
阅读量1.5w 收藏 3
点赞数 1
文章标签： javascript json 测试 ViewUI
原文链接：http://www.cnblogs.com/carryxin/p/11269686.html
版权
在Vue项目中使用axios请求数据时遇到问题，preview显示接口返回了JSON数据，但在.then中打印res.data却为undefined。尝试更换为vue-resource后问题解决。本文简述axios和vue-resource的区别，axios作为基于Promise的网络请求库，具备拦截器、自动转换JSON等功能，而vue-resource小巧轻便，支持Promise API和拦截器。尽管vue-resource不再更新，但axios因其强大功能被Vue作者推荐。
摘要由CSDN通过智能技术生成

 

 

 prveiw 有返回json数据，但是再.then里打印的res却是undefined。 再网上找了很多解决provisional headers are shown 的方法。都没有用！ （有很多种可能导致Request Headers 出现这个问题）

后来就把axios换成了resource, 就解决了

查了一些资料总结了下axios和resource

vue-resources不再更新了，vue作者尤大推荐axios。

 axios更加强大 

最低0.47元/天 解锁文章
weixin_30853329
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
app服务器返回数据为空,axios 请求数据，返回数据 data为空怎么办
weixin_29525745的博客
08-06 1445
满意答案caoben92d222017.10.28采纳率：41%等级：12已帮助：15808人- (void)viewDidLoad{[super viewDidLoad];// Do any additional setup after loading the view, typically from a nib.[self CellTaxiTextForStarting:@"beiji...
详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题
10-16
在Vue.js应用中，我们经常使用axios库来进行HTTP请求。然而，在某些情况下，尤其是当对同一个接口连续发起请求时，可能会遇到返回数据混乱的问题。这主要是由于网络延迟、请求并发控制等因素导致请求的顺序与预期...
调用接口的时候使用then方法报then未定义的错误同时打印返回结果undefined问题
qq_43580566的博客
12-07 3374
调用接口的时候使用then方法报then未定义的错误同时打印返回结果undefined问题## 标题直接上图看代原因 ## 标题直接上图看代 原因 我这里是因为userRegistered方法没有retrun 导致调用的时候没有promise对象返回 结果就是then方法是未定义 也没法打印响应的结果 ...
Vue axios 详细介绍（核心使用、封装、个性化配置，破万字）
最新发布
2401_84418883的博客
06-15 1198
我们可以通过axios.create方式创建一个实例，为该实例配置默认值（该种方式可用于封装自定义axios，往下会展开）// 创建实例时设置配置默认值});// 实例创建之后可修改默认配置配置的优先顺序如上我们讲了几种传入配置的请求方式，那么他们之间的优先级如何？配置会以一个优先顺序进行合并。这个顺序是：在。
Vue使用axion请求数据控制台有返回但在.then中打印结果res为undefinde
qpwoei2001的博客
03-19 698
Vue使用axion向后端请求数据，打印结果为undefined但控制台有数据返回
Vue：request undefined：/api/query
chaoge_dgqb的博客
11-08 985
使用 vue 请求 api 的时候，控制台报错 undefined: /api/query 这是因为使用了 interceptor，参考vue-and-axios-request-undefined 全局搜索 interceptor，可以发现有如下代码： service.interceptors.response.use( response => { // dataAxios 是 axios 返回数据中的 data const dataAxios = response.
按序执行函数，then后获取return的api接口值为undefined
m0_46251434的博客
03-23 1796
js按序执行函数，在then后获取函数返回值
vue2请求数据显示undefined
m0_46426161的博客
07-07 634
vue2请求数据二级数据显示undefined
Vue.js使用axios动态获取response里的data数据操作
10-14
在这个场景中，我们将探讨如何在Vue.js中使用axios动态地从响应(response)对象中获取data数据。 首先，axios发送请求后会返回一个Promise对象，该对象的`then`方法接收两个参数，分别是成功时的回调函数和错误时的...
vue省市区/县数据js文件（citydata.js）
07-10
在Vue.js中实现这个功能，我们首先需要引入`citydata.js`文件。这个文件中很可能包含一个大的对象数组，每个对象代表一个省份，其中包含了下属的所有城市，每个城市又可能包含下属的区县。这样的数据结构可以这样...
vue axios数据请求及vue中使用axios的方法
10-18
Vue 和 Axios 结合使用，能够方便地在 Vue 应用中处理数据获取和发送。以下是关于 Vue 中使用 Axios 进行数据请求的详细介绍： 1. **Axios 的基本介绍** Axios 是一个基于 Promise 的 HTTP 客户端，可以用于浏览器...
前端关于axios请求获取到数据后无法在页面渲染（undefined）的问题
qq_43506776的博客
11-21 3886
写了个购物车当页面渲染时就将数据库的数据显示到页面上，老是报错数据undefined 本来最开始是在mount(){} 中写的请求，想到可能会是请求顺序原因（先渲染了页面再获取数据），所以改到了 create(){} 中还是不行，给一个同步请求也不行 最后发现一个办法，在数据渲染之前，给一个 v-if=“data” ,让他请求到数据后再在页面渲染，最后成功了。 ...
react中引入axios出现这样的bug
Fray_Zyt的博客
10-22 431
主要是包文件丢失， 解决：卸载axios，重启项目，再次下载axios。 在一个项目中，切记只能用一个指令，否则就会出现各种奇奇怪怪的bug！！
vue中打印data的数据是undefined的原因
个人笔记
09-19 933
我没有定义_ruleForm。 就是因为这一行代码。
异常记录 | React axios res.data.xxx undefined
虎鲸虎鲸
09-07 969
情况描述 https://my.oschina.net/anlve/blog/2243658 https://blog.csdn.net/qq_29465867/article/details/78020292
vue在html文件中结合axios时，axios的this指向为undefined解决
轻编程的博客
08-21 895
当vue与axios直接在html文件中使用的时候，位于axios的请求中的this指向并不是指向vue,而是指向window，如果在请求中直接用this获取data中的数据会出现undefined的问题，解决思路是将ES5的函数语法更换为箭头函数即可解决此问题，深层的原因就得深入去了解箭头函数和普通函数之间的区别了！ 案例： new Vue({ el: '#app', data:{ carousels: [], }, created() { axios.get('/a
vuex打印的对象有值,但取用的时候没有值 为undefined
狼丶宇先森的网络科技空间
03-29 8040
异步获取的对象,打印的时候可以看到有值,但是实际使用的时候是没有值的 ,原因是vuex的state未初始化定义.
res.data输出有值，但是打印没有值
Andrewvw的博客
06-08 1257
从图中我们可以看到输出res有个promise类型的值，而赋值给studentArray数组后，转眼输出就undefined了，这就是异步问题。 我的理解：程序语句并不是按顺序先执行的，我们要给要求先执行的代码加await 标志，这段代码行后，再执行其他代码；给函数加async标志表示该函数为异步函数。 图中可见，我只加了两个单词，一个async,一个await, async加在function()面前，await加载要先执行的语句前面。 注意：有await 必定有async 新人撰稿，不足之.
this is undefined 问题（axios使用中遇到此问题强推观看）
weixin_45883730的博客
10-25 2233
这篇转载的博客从this is undefined问题入手，详细介绍了问题缘由和各种函数的区别以及使用场景，尤其对于本人在开发vue初踩坑的时候，在axios的正确使用问题上醍醐灌顶。因此转载并且重新排版了一下，原文地址：http://www.javanx.cn/20200814/this-is-undefined/ 当我们使用 Vue 在愉快的开发项目的时候，突然报了一个错误： this is undefined 别担心，不只有你一个人，我也经常遇到这个问题很多次，接下我们一起来看看如何解决这个问题.
vue 使用axios请求数据控制台有返回接口数据，但是在.then中打印res.data为undefined
07-11
你好！对于这个问题，可能有几个原因导致`res.data`为`undefined`。以下是一些可能的解决方案： 1. 确保响应数据的正确性：首先，确保你的接口确实返回了有效的数据。你可以在控制台或网络面板中查看请求和响应数据，确保服务器正确返回数据。 2. 检查数据结构：请确保你从响应中获取数据的方式是正确的。有时候，数据可能被嵌套在其他属性中，例如`res.data.result`或`res.data.data`。检查 API 文档或使用 `console.log(res)` 打印整个响应对象，以便查看其结构。 3. 检查异步请求：如果你在异步请求的回调函数（`.then()` 或 `async/await`）中打印 `res.data`，请确保请求已经完成。如果请求仍然在进行中，`.then()` 中的代码可能会被提前执行，此时 `res.data` 为 `undefined`。你可以使用 `console.log('请求完成')` 来确认请求是否已经完成。 4. 处理错误情况：如果请求发生错误，例如网络错误或服务器错误，可能会导致响应中没有有效的数据。你可以在 `.catch()` 中处理错误，并检查错误日志或打印错误对象以获取更多信息。 希望以上解决方案能帮助到你！如果问题仍然存在，请提供更多代码以便更具体地分析。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值