GET http://localhost:8080/xx/xx 404 (Not Found) 和Uncaught (in promise) Error: failed报错的原因

这篇具有很好参考价值的文章主要介绍了GET http://localhost:8080/xx/xx 404 (Not Found) 和Uncaught (in promise) Error: failed报错的原因。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

这两天,我遇见了一个很离谱的错误,我找不到原因发生在哪里,但是知道代理服务器出错了,代理了后端给的接口,但是,却向本地发起请求,快把我整崩溃了

GET http://localhost:8080/xx/xx 404 (Not Found) 和Uncaught (in promise) Error: failed

GET http://localhost:8080/xx/xx 404 (Not Found) 和Uncaught (in promise) Error: failed报错的原因

  • 测试错误 

开启代理后,发起请求,因为后端给的路径没有baseURL,所以我把他注释了,这也是我愚蠢的开始

GET http://localhost:8080/xx/xx 404 (Not Found) 和Uncaught (in promise) Error: failed报错的原因

在发起请求后,然后就遇见上面的错误了

GET http://localhost:8080/xx/xx 404 (Not Found) 和Uncaught (in promise) Error: failed报错的原因

那个时候,我疯狂找错误,最后在这里发现了,虽然我没有关闭代理服务,但是我在api文件夹配置总的请求时,用后端给的完整路径请求,居然成功了,这这这说明我就是代理服务器的错误,但是代理哪里错误呢

GET http://localhost:8080/xx/xx 404 (Not Found) 和Uncaught (in promise) Error: failed报错的原因

发现错误

我去我以前写的代理服务博客看了又看,没有发现什么,但是下面的这个引起了我的注意

     pathRewrite: { '^/api': '' },

把 /api 匹配为空,是把本地代理的 /api 路径去掉,因为后端没有给我们这个路径,表示将所有以 /api 开头的请求转发到 http://your-api-server-address.com 上,并将请求路径中的 /api 替换为空字符串。例如,http://localhost:8080/api/users 的请求将被转发到 http://your-api-server-address.com/users

但是我还是不是很明白什么原因,所以我问了chatGPT(我用的是一个镜像,没钱用正版),它跟我说可能是

在使用相对路径时,路径中不能包含主机名或协议名。只需指定请求的路径即可。

如果您的代码中已经正确使用了相对路径,但问题仍然存在,则可能是您的浏览器缓存了前一次请求。请尝试清除浏览器缓存并重新启动开发服务器。

我去清空浏览器缓存,还是不行,继续问它

GET http://localhost:8080/xx/xx 404 (Not Found) 和Uncaught (in promise) Error: failed报错的原因

GET http://localhost:8080/xx/xx 404 (Not Found) 和Uncaught (in promise) Error: failed报错的原因

GET http://localhost:8080/xx/xx 404 (Not Found) 和Uncaught (in promise) Error: failed报错的原因

经过它的提醒,我才发现,我之前把 baseURL 注释后,开启代理服务器有匹配/api 去掉,是错误的开始,开代理时,是匹配/api去掉,我又把    baseURL: '/api' 注释,不错才怪呢,说实话是太久没有用的原因,最后把 baseURL 注释解开,就OK了

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

到了这里,关于GET http://localhost:8080/xx/xx 404 (Not Found) 和Uncaught (in promise) Error: failed报错的原因的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • express跨域问题—Access to XMLHttpRequest at ‘http://localhost:8080/xxx’ from origin ‘http://localhost:xx

    当我实现前后端分离的时候,遇到了这个问题: Access to XMLHttpRequest at ‘http://localhost:8080/xxx’ from origin ‘http://localhost:xxx’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.  一、报错 出现这条信息就是说明出现 express跨域问题 。 这表明

    2024年02月08日
    浏览(49)
  • 解决 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)
  • 控制台报错:GET http://localhost:8080/students net::ERR_FAILED 200

    node请求接口的时候意外遇到控制台出现这个问题: Access to XMLHttpRequest at ‘http://localhost:8080/students’ from origin ‘http://localhost:8081’ has been blocked by CORS policy:## 标题 No ‘Access-Control-Allow-Origin’ header is present on the requested resource. GET http://localhost:8080/students net::ERR_FAILED 200 node请求

    2024年02月11日
    浏览(52)
  • Could not proxy request /captchaImage from localhost to http://localhost:8080/.

    项目场景:配置若依环境前端通过 run npm dev 启动报500 根据报错分析,无法将请求,/路径,从本地主机代理到http://本地主机:8080/   我们可以看到前端配置的端口号80 地址就是本机没有问题,排除前端问题 那就是后端配置文件映射路径有问题 原来配置文件端口是8125,改成

    2024年02月16日
    浏览(42)
  • k8s重启报错:Get “http://localhost:8080/api?timeout=32s“: dial tcp [::1]:8080: connect: connection refuse

    单从报错可以看出,kubectl 没有使用到证书与k8s api通信,在初始化集群的时候要想使用kubectl需要,申明证书变量 export KUBECONFIG=/etc/kubernetes/admin.conf ,重启之后 KUBECONFIG 变量失效了。所有需要重新声明,并加入过/etc/profile 全局变量文件。

    2024年04月27日
    浏览(52)
  • 前端向后端发起请求时,报Uncaught (in promise) ReferenceError: ***** is not defined的错

     前端调用后端的接口,显示的Uncaught (in promise) ReferenceError: getGoods is not defined。但是我们在后端中配置了该接口的请求地址的。同时在前端的axios中也进行了相关接口的封装的。 报错的截图:   原因是没有在页面中引入getGoods这个封装好的接口。 解决方法:只需在需要使用的

    2024年02月08日
    浏览(66)
  • JS报错Uncaught (in promise) TypeError: (intermediate value).format is not a function

    出现“date.format is not a function”错误是因为格式方法未在 JavaScript 中实现。 意思是说Format不是一个方法。去查了一下,发现是javascript已经去掉此方法了,要使用的话,需要添加第三方库。 要解决该错误,需要使用第三方包来格式化我们的日期,例如 moment 或 date-fns。 再或者

    2024年02月17日
    浏览(58)
  • Proxy error: Could not proxy request xxx from localhost:8080 to http://localhost:3000(ECONNREFUSED)

    在 mock 数据的时候,配置 vue.config.js 里的 devServer 的 proxy 时报错,错误如下 我的配置如下: 我们可以将 target 端口 3000 改成跟起的服务一样 http://localhost:8080 ,都是 8080 端口即可。 ECONNREFUSED 的意思就是:ECONNREFUSED(连接被拒绝):无法建立连接,因为目标机器主动拒绝了它

    2024年02月16日
    浏览(52)
  • Proxy error: Could not proxy request /XXX localhost to http://localhost:8080/ (ECONNRE)报错处理

    今天在进行前后端联调时,联调不通,前端出现如下报错 通过在网上查找相关问题有很多种原因,因此博主根据资料进行相关解决方法的整理。 修改vue.config.js中的代理port 修改正确的地址或端口 博主是这个问题导致,一开始前端代理端口配置是8080,后端配置是8084,因此启

    2024年02月11日
    浏览(57)
  • Proxy error: Could not proxy request xxx from localhost:8080 to http://localhost:3000(ECONNREFUSED)关

    将代理规则从 /api 修改为 @(/api) 意味着使用前缀 @ 来标识代理规则。这种方式相对于直接使用路径的方式,可以提高代理规则的可读性和可维护性,并且它还支持更复杂的代理规则设置和管理,例如,可以设置多个代理规则,对不同的 API 接口进行不同的转发设置。 下面是将

    2024年02月04日
    浏览(52)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包