解决vue工程报错Uncaught (in promise) Error: Request failed with status code 404

最新推荐文章于 2025-06-12 17:01:27 发布
最新推荐文章于 2025-06-12 17:01:27 发布
阅读量10w+ 收藏 31
点赞数 11
CC 4.0 BY-SA版权
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_41618510/article/details/90242983
博客描述了在新增页面后，因未正确配置proxy代理导致的404错误问题。作者最初怀疑是后台控制层的问题，但在仔细检查后发现是由于app/config/index.js中的代理配置缺失。通过添加正确的配置，成功解决了数据请求问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

今天新加页面后首页查不到数据，报错Uncaught (in promise) Error: Request failed with status code 404

大概意思就是没有获取到后台传过来的数据，一开始以为是后台控制层的问题，找了半天

最后发现是在app/config/index.js里面配置没有配置proxy代理，请求没有从nodejs路由到tomcat

于是加上配置顺利找到数据

Uncaught (in promise) Error Request failed with status code 500
m0_67392126的博客
03-08 973
分享一些状态码400 404 500等原因: 出错: 前端: // 获取所有的导航菜单 async getMenuList(){ const {data:res} = await this.$http.get("menus"); console.log(res.data); if( res.status != 200) return this.$message.error("操作失败！！！"); this.menuList = res.data
nginx部署vue项目并访问后端接口遇到 503 服务器不可用
qq_18470647的博客
05-27 7814
nginx部署vue项目并访问后端接口遇到Uncaught (in promise) Error: Request failed with status code 503 今天在一台阿里云上部署了springboot后端，并测试通过。 但是在部署vue项目到nginx后，发现无法成功访问后端接口。 后来发现是因为我的vue api地址填的是localhost。虽然是部署在同一台服务器上，但是这样子会报错，提示503服务不可用。 虽然在后端部署的时候，后端配置可以直接填localhost去请求同一台服务器
Error: Request failed with status code 404 at createError (createError、跨域问题、axios、404、500
热门推荐
m0_46183615的博客
11-14 2万+
前后端分离，写axios时常见报错 常见问题-跨域（要配置一下vue.config.js）噢 跨域的解释、定义：当前所在页面的url去请求后台提供的url的时候，这两个url的相比较之下，如果协议类型、域名、端口号其中任何一个不一致就会发生跨域问题 1. 404 可能是后端的bug，还没部署好(接口未处理)之类的 可能是前端问题：路径错误（拼写错误！！！） 跨域问题-路径没写对 这是我main.js的配置（个人习惯不一样，可能不同噢） 这是vue里面的写法，需要注意记着写写’${}‘否则
Vue Uncaught (in promise) Error: Request failed with status code 404报错解决
旭东怪的博客
01-19 7073
问题描述： Uncaught (in promise) Error: Request failed with status code 404 问题分析： 1、若依RuoYi框架的前台配置的后台端口和实际上后台的端口不一致。 解决办法：找到vue.config.js文件，将target属性配置为实际上的后台地址。 devServer: { host: '0.0.0.0', port: port, open: true, proxy: { // det
VUE - AxiosError-ERR_BAD_REQUEST
最新发布
MyFreeIT
06-12 214
调试1小时发现404错误，原因是URL缺少斜杠。错误写法是'/rest/deleteItem'+id，正确应为'/rest/deleteItem/'+id。代码片段显示DELETE请求时直接拼接id导致路径错误，通过对比两种URL写法，发现问题在于路径分隔符缺失。这种细微差别容易忽视却会引发请求失败，提醒开发者在拼接URL时要注意格式规范。
Uncaught (in promise) Error: Request failed with status code 404
m0_47170819的博客
06-15 884
说明的地址衔接有问题，如果不衔接，直接写（前提封装都正确）则可以拿到数据了
【vue】Uncaught (in promise) Error: Request failed with status code 404
weixin_56851586的博客
11-28 7790
错误原因：跨域访问是路径出错，多了“”
Uncaught (in promise) Error: Request failed with status code 404 Uncaught (in promise) Error: Request failed with status code 500
06-07
//处理500错误}else{//处理其他错误状态码}}elseif(error.request){//请求已发出但没有响应（网络错误等）console.error('无响应',error.request);}else{//在设置请求时发生错误console.error('请求配置错误',error....
解决vue2中使用axios http请求出现的问题
11-30
这样设置后，虽然404错误可能会被解决，但可能会发现后端仍然无法接收到传入的参数。这是因为`axios`默认将`params`对象转换为JSON格式，而大多数后端API期待的是URL编码的数据。为了解决这个问题，我们需要引入`qs`...
createError.js:16 Uncaught (in promise) Error: Request failed with status code 404 at e.exports (createError.js:16:15) at e.exports (settle.js:17:12) at h.onreadystatechange (xhr.js:59:7)
03-30
好的，我现在需要解决用户遇到的Axios请求返回404错误的问题。根据用户提供的引用内容，可能有几个原因导致这个问题。首先，我要回顾一下用户提供的引用信息，看看有哪些可能的原因和解决方案。 首先，用户提到了...
axios请求报Uncaught (in promise) Error: Request failed with status code 404
weixin_42113613的博客
03-09 1万+
axios请求报Uncaught (in promise) Error: Request failed with status code 404 情景：react+axios 提交表单，使用axios处理请求时，出现报错： 原因：前后台端口号不同，需要解决跨域问题 解决： 配置 ajax 请求的代理: package.json "proxy": "http://localhost:4000" 重新启动项目 ...
【Bug】Uncaught (in promise) AxiosError: Request failed with status code 404
道阻且长，行则将至。
11-30 7387
报错如下： 检查调用地址和接口地址是否一致，我的是接口写错了😭😭😭😭😭
Uncaught (in promise) Error: Request failed with status code 404，json文件引入问题
weixin_42273504的博客
05-07 4942
这里必须带上反斜杠/，表示根路径
Uncaught (in promise) Error: Request failed with status code 404 at createError (createError.js:
m0_60469045的博客
03-22 2156
记录一个报错：Uncaught (in promise) Error: Request failed with status code 404 at createError (createError.js:16:1) at settle (settle.js:17:1) at XMLHttpRequest.onloadend (xhr.js:66:1)
使用axios访问远程资源 Uncaught (in promise) Error: Request failed with status code 404
Monstar_ViCtory的博客
10-17 5019
使用axios处理请求时，当url是远程接口链接时，会报404的错误，如下： 解决方法如下： 1.使用Vue-cli2创建的项目 在config/index.js 中配置代理 proxyTable: { '/api': { target: 'http://47.102.115.146:8080',//代理的位置 secure: true, changeOrigin: true, // 如果接口跨域，需要进行这个参数配置 pathRe
代理请求： Request failed with status code 404
segegefe的博客
02-23 1万+
HTTP状态码—请求错误 400 Bad Request 1、语义有误，当前请求无法被服务器理解。除非进行修改，否则客户端不应该重复提交这个请求。 2、请求参数有误。 401 Unauthorized 当前请求需要用户验证。 402 Payment Required 该状态码是为了将来可能的需求而预留的。 403 Forbidden 服务器已经理解请求，但是拒绝执行它。 404 Not Found 请求失败，请求所希望得到的资源未被在服务器上发现 第一中可能：React中将你安装的proxy 或者是 cre
Uncaught runtime errors:×ERRORRequest failed with status code 404
weixin_38822843的博客
11-10 3866
Request failed with status code 404 at createError (webpack-internal:///./node_modules/axios/lib/core/createError.js:16:15) at settle (webpack-internal:///./node_modules/axios/lib/core/settle.js:18:12) at XMLHttpRequest.handleLoad
评论 19
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值