axios发起ajax请求页面空白问题(xxx undefined,指针丢失问题)

2023-05-16

        在前后端分离项目开发中,我们会遇到前后端代码都没有问题但前端页面显示却是空白,还会提示:xxx undefined的报错。

        出现这种错误的根本原因在于:使用axios完成ajax请求后,this将变成undefined而不是指向当前的操作对象即this指针丢失,这就导致通过 this.字段名 进行的赋值请求全部失败。从而页面显示为空白数据。

        解决方法:在axios发起ajax请求之前将this指针用一个变量保存下来。在Vue中即:

let that = this

        之后所有关于this关键字的操作都替换为that关键字即可。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

axios发起ajax请求页面空白问题(xxx undefined,指针丢失问题) 的相关文章