Spring web开发用post方法和button遇到http405的一种解决方法

初学Spring,疯狂遇到405。稍微记录下怎么解决的。

先说结论:

  1. 非常大的概率就是网上常说的url没匹配好的问题
  2. 还有可能RequesMapping的method和前端没有匹配好
  3. 如果这些都检查好了,那么如果是post方法+button的组合的话可能是因为button type用了submit,改成button就好了。

简单说下我是怎么定位问题的。(由于不太了解前端,这个前端代码也不是我写的,于是查起来花了点时间)

  1. 首先后端用debug模式,确定了后端具体的方法能接收到这个request,排除了url的问题。

  2. 然后之前写了一个register方法用的post+button,这次是要实现一个login,所以我确定这样是能实现的。

  3. 于是f12->network里面看了下情况,用post方法的时候会有login和login.html两个感觉需要注意的文件,login.html是failed。
    在这里插入图片描述
    看了下login.html的header(下图),看出来是因为用了POST方法请求login页面导致失败。响应报文allow只能是get方法(原因应该是部分服务器不允许静态文件响应POST请求,这有点没搞清楚)这部分其实和后端无关。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
这里我提供一个前后端分离的示例代码,实现用户登录并返回用户名和密码。 前端代码(使用Vue.js和axios): ``` <template> <div> <input type="text" v-model="username" placeholder="请输入用户名"> <input type="password" v-model="password" placeholder="请输入密码"> <button @click="login">登录</button> <div v-if="result"> <p>用户名:{{ result.username }}</p> <p>密码:{{ result.password }}</p> </div> </div> </template> <script> import axios from 'axios'; export default { data() { return { username: '', password: '', result: null }; }, methods: { login() { axios.post('/api/login', { username: this.username, password: this.password }) .then(response => { this.result = response.data; }) .catch(error => { console.log(error); }); } } }; </script> ``` 后端代码(使用Spring Boot和Spring MVC): ``` @RestController @RequestMapping("/api") public class LoginController { @PostMapping("/login") public Map<String, String> login(@RequestBody Map<String, String> user) { String username = user.get("username"); String password = user.get("password"); Map<String, String> result = new HashMap<>(); result.put("username", username); result.put("password", password); return result; } } ``` 需要注意的是,这里使用了axios发送POST请求,所以后端代码使用了@RequestBody注解来接收JSON数据。同时,需要在Spring Boot的配置文件中添加CORS配置,允许跨域请求: ``` spring: cors: allowed-origins: '*' allowed-methods: GET,POST,PUT,DELETE allowed-headers: * max-age: 3600 ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值