Laravel中使用axios.post发消息反复出现405 Method Not Allowed错误求助

Hey，我来帮你排查这个405错误的问题，这种情况我之前开发Laravel项目时也碰到过，大概率是路由匹配或者请求配置的问题，咱们一步步来梳理：

1. 先检查请求路径的一致性 #

你的前端axios请求路径是'messages/sendMessage/'（带末尾斜杠），而Laravel路由定义的是Route::post('/messages/sendMessage','Messages@sendmsg');（不带末尾斜杠）。Laravel的路由匹配是严格的，末尾斜杠的差异会导致请求找不到对应的POST路由，从而返回405。

修改方案：
把前端的请求路径改成不带末尾斜杠的版本：

sendMsg(){
    if(this.msgFrom){
        axios.post('/messages/sendMessage',{ // 去掉末尾的斜杠
            conID:this.conID,
            msg:this.msgFrom
        })
        .then(response => {
            console.log('saved successfully');
        })
        .catch(function (error) {
            console.log(error.response);
        });
    }
}

如果前后端是分离部署的（比如前端在8080端口，后端在8000端口），记得使用后端的绝对路径，比如axios.post('http://your-laravel-domain/messages/sendMessage', ...)。

2. 确认CSRF令牌是否正确携带 #

Laravel默认开启了CSRF保护，所有POST请求必须携带CSRF令牌，否则会被服务器拒绝，有时候也会表现为405错误（而非更常见的419）。

解决步骤：

• 在你的前端页面（比如blade模板或者HTML）中添加meta标签：

  <meta name="csrf-token" content="{{ csrf_token() }}">
  

• 在axios的全局配置里设置CSRF令牌（可以放在你的初始化脚本里）：

  axios.defaults.headers.common['X-CSRF-TOKEN'] = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
  

3. 检查路由是否被覆盖或未正确注册 #

有时候路由文件里的顺序会导致问题，如果在你的POST路由之前有其他匹配/messages/sendMessage的路由（比如GET路由或者Route::any()），会优先匹配那个路由，从而拒绝POST方法。

验证方式：
在终端执行Laravel的路由列表命令：

php artisan route:list

查看输出里是否存在POST | /messages/sendMessage | Messages@sendmsg这条路由，如果没有，说明路由没有正确注册，检查路由文件的语法或者是否漏掉了路由定义。

4. 跨域场景下的CORS配置 #

如果前后端不在同一个域名/端口下，还需要配置Laravel的CORS支持，否则浏览器会拦截请求，也可能出现405错误。

快速解决：
可以使用Laravel的CORS扩展包barryvdh/laravel-cors，按照文档配置后，允许POST方法的跨域请求即可。

内容的提问来源于stack exchange，提问作者Biswas Sampad