接口调用成功后端却一直返回404

文章讲述了在使用Vue和SpringBoot时,如何配置Vue的反向代理并通过axios发送POST请求遇到的404错误。作者发现问题在于需要将@Controller改为@RestController,以适应RESTfulAPI的场景,并介绍了两者在处理返回数据和视图渲染上的区别。

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

vue+springboot

我在vue.config.js中配置了向后端的反向代理

然后使用了axios向后端发送post请求

可以看到可以接收到前端传来的值

但是前端控制台却报了   “xhr.js:245POST http://localhost:7777/api/login 404 (Not Found)”

最后询问我那智慧的堂哥... ...

解决办法是把@Controller改为@RestController

下面说一下这两个注解的区别:

@Controller:
通用控制器注解,适合构建传统 Web 应用,支持返回逻辑视图名或 ModelAndView 对象,由视图解析器渲染成 HTML 页面展示给用户。若需返回 JSON、XML 等数据,需配合 @ResponseBody 使用。
@RestController:
专用于 RESTful API 的控制器注解,
相当于 @Controller + @ResponseBody。所有方法默认直接将返回对象转化为 HTTP 响应体(如 JSON),不支持视图渲染。简化了数据传输,适用于前后端分离架构,后端仅提供 API 接口供前端消费。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

学CAD的河狸

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值