前端向后端发起请求时,报Uncaught (in promise) ReferenceError: ***** is not defined的错

这篇具有很好参考价值的文章主要介绍了前端向后端发起请求时,报Uncaught (in promise) ReferenceError: ***** is not defined的错。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

 前端调用后端的接口,显示的Uncaught (in promise) ReferenceError: getGoods is not defined。但是我们在后端中配置了该接口的请求地址的。同时在前端的axios中也进行了相关接口的封装的。

报错的截图:

前端向后端发起请求时,报Uncaught (in promise) ReferenceError: ***** is not defined的错 

原因是没有在页面中引入getGoods这个封装好的接口。

解决方法:只需在需要使用的页面中引入封装好的axios即可。

import { getGoods} from '@/axios/api'

详细过程记录如下所示:

1、在axios中封装前端请求接口,并调用后端部署的地址:

前端向后端发起请求时,报Uncaught (in promise) ReferenceError: ***** is not defined的错

2、在后端中配置前端发起请求的接口地址:

(我的项目路径为:server/router/api/getGoods.js,提示这个api目录中我存放的是客户端的请求接口)

getGoods.js文件:

前端向后端发起请求时,报Uncaught (in promise) ReferenceError: ***** is not defined的错 

3、然后需要在app.js文件中注册:

前端向后端发起请求时,报Uncaught (in promise) ReferenceError: ***** is not defined的错

 4、在需要的页面中调用接口:

这里因为我们引入封装在axios中的getGoods接口。所以报错了

前端向后端发起请求时,报Uncaught (in promise) ReferenceError: ***** is not defined的错

 解决方案:

直接在上面的基础上加上引入即可。

import { getGoods} from '@/axios/api'

 使用页面的完整截图为:

前端向后端发起请求时,报Uncaught (in promise) ReferenceError: ***** is not defined的错

 文章来源地址https://www.toymoban.com/news/detail-474210.html

 

到了这里,关于前端向后端发起请求时,报Uncaught (in promise) ReferenceError: ***** is not defined的错的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • axios发送POST请求返回400状态:Uncaught (in promise) Error: Request failed with status code 400。

    问题:在postman上发送post请求时就能成功获得返回数据,但是在前端发送却得不到返回数据。 400错误,大概率就是 请求头、数据类型/参数名 ,前后端不一致 排查前端:发现前端的post请求头中 contentType: application/json 格式 排查后端:后端的接口的接收方式 ,已经添加 @Cros

    2024年02月09日
    浏览(62)
  • vue2前端使用axios发起post请求,后端(springboot)拿不到值解决办法

    axios封装-我常用的请求头参数  application/json; charset=utf-8 页面登录请求-post 网络请求正常传入参数 后端代码,查看控制台发现都为null,没取到值。 1.尝试将前端post请求改成get,其他都不用变 发现正常取到值,打印输出正常。前端页面正常跳转。 2.后端设置为post请求,前端a

    2024年02月02日
    浏览(50)
  • Uncaught (in promise)和Uncaught (in promise) TypeError: Cannot read properties of undefined (readin

    只要在后面加上.catch((e) = {}),就不会报错了,    这个问题的解决要想resolve(),在commit()不然就会报错,注意:先后的顺序

    2024年02月09日
    浏览(49)
  • Uncaught (in promise)解决方法

    \\\"Uncaught (in promise)\\\" 是 JavaScript 的一种错误,通常是在执行 Promise 时发生的。解决方法可能有以下几种: 在 catch 块中处理错误。例如:

    2024年02月16日
    浏览(50)
  • 报`Uncaught (in promise)`错误解决办法

    使用了promise,但是在使用的过程中报 Uncaught (in promise) 错误,第一次遇到这种错误,所以在此记录下,方便以后解决问题 只要在 new Promise 后面加上 new Promise((resolve, reject) ={}).catch((e) = {}) ,就不会报错了 有收获?希望老铁们来个三连击,给更多的同学看到这篇文章 1、老铁们,

    2024年02月11日
    浏览(61)
  • ❤ 报`Uncaught (in promise)`错误解决办法

    使用了promise,但是在使用的过程中报Uncaught (in promise)错误,第一次遇到这种错误,记录下,方便以后解决 ❤ 问题: ❤ 解决: 后面加上new Promise((resolve, reject) ={}).catch((e) = {}),就不会报错了

    2024年02月07日
    浏览(62)
  • Uncaught (in promise) error问题排查

    报错信息:Uncaught (in promise) error 其实前端已经拿到后端返回的数据了。 vue代码: JavaScript代码: 后台Java代码: ConutValue对象很简单,就是从数据库中统计出4个数字。 问题剖析: 从字面意思上看,是“未被发现的错误”,我之前一直觉得既然前端已经拿到后端返回的数据了

    2024年02月12日
    浏览(46)
  • 微信小程序基于Promise封装发起网络请求

         

    2024年02月17日
    浏览(56)
  • 【Bug排查】Uncaught (in promise) Error: Infinite redirect in navigation guard

    记一次Bug排查 今日在做尚硅谷的商品甄选项目时,遇到无法登录的问题:报错 Uncaught (in promise) Error: Infinite redirect in navigation guard 一开始我去搜CSDN,都说是路由的问题,我对前端也不了解,试着改了一下,发现没有用。我怀疑是前端包的问题,于是我重新下载解压了若干次资

    2024年02月07日
    浏览(54)
  • 解决 Uncaught (in promise) TypeError: list is not iterable 报错

    最近在项目中遇到 Uncaught (in promise) TypeError: list is not iterable 报错,虽然不影响代码运行,但是看着报错感觉有点难受,试试能不能解决它 看了很多篇文章,都是说使用 Object.keys() 可以解决问题 就先使用 Object.keys() 看看,代码运行之后 因为 Object.keys() 传入的是 null 和 undefin

    2024年02月11日
    浏览(53)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包