报错解决 vue使用axios请求发生301 Moved Permanently错误

51 篇文章 0 订阅
4 篇文章 1 订阅
本文讲述了在使用Element UI上传组件时遇到的两次请求问题,先是301重定向,后是500错误。通过排查发现是URL路径配置问题,加上缺失的斜杠导致。最终解决方案是确保接口URL带上正确的路径,避免了后续的错误。
摘要由CSDN通过智能技术生成

使用element-ui 上传组件 点击上传 接口调用了两次 一次报错 301 一次报错500
报错:
在这里插入图片描述
301:
在这里插入图片描述
500: 500的这个就很奇怪了 我配置的是post请求 这边却显示 GET 而且url后面自动给加了一个 /
在这里插入图片描述
起初 以为是 element 上传组件的问题 自动上传也禁止了 各种配置都配置了 还是有这个问题
最后发现点击上传按钮 会先报301 再报500 所以问题还是出在了301 上面

301 重定向: 看到有大佬说是跨域问题 但是跨域这个后端都已经配置了 而且项目中其他接口都是正常请求的 所以这个 跨域 pass掉 接着找问题

请求代码
上传按钮点击事件
在这里插入图片描述
接口配置
在这里插入图片描述
最后 发现 这个Url后面是要加一个 / 的

因为其他接口都没有加 所以这个 接口我也没有加
仔细看了一下之前老项目中这个接口 是需要加上 /

正确配置 如下:
在这里插入图片描述
请求成功
在这里插入图片描述
这样就可以了

附加:
301:被请求的资源已永久移动到新位置,并且将来任何对此资源的引用都应该使用本响应返回的若干个 URI 之一。

302:请求的资源现在临时从不同的 URI 响应请求。由于这样的重定向是临时的,客户端应当继续向原有地址发送以后的请求。

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值