Angular4+Laravel5.5删除请求报405错误问题求助

嘿，我来帮你搞定这个405 Method Not Allowed的问题！先理清楚核心矛盾：你用Angular发送DELETE请求时后端直接拒绝，但把请求链接粘到浏览器地址栏（默认是GET请求）却能成功删除文章，这说明问题大概率出在请求方法不匹配，再加上跨域和CSRF的潜在坑，咱们一步步排查解决：

1. 先检查Laravel路由的请求方法是否匹配 #

Laravel的路由是严格绑定HTTP方法的，如果你在routes/web.php或者routes/api.php里定义的是GET路由来处理删除逻辑：

Route::get('/posts/delete/{id}', 'PostController@destroy');

那Angular发送DELETE请求自然会触发405错误——因为后端只接受GET方法的请求。

正确的做法是把路由改成DELETE方法：

// 如果是API路由（无需CSRF验证）
Route::delete('/posts/{id}', 'PostController@destroy');
// 如果是web路由（需要处理CSRF）
Route::delete('/posts/{id}', 'PostController@destroy');

同时确保你的PostController@destroy方法能正确处理DELETE请求：

public function destroy($id)
{
    $post = Post::findOrFail($id);
    $post->delete();
    return response()->json(['message' => 'Post deleted successfully'], 200);
}

2. 处理跨域（CORS）的预检请求 #

如果你的Angular项目和Laravel后端不在同一个端口/域名下（比如Angular跑在localhost:4200，Laravel跑在localhost:8000），浏览器会先发送一个OPTIONS预检请求确认是否允许跨域请求，如果Laravel没处理这个请求，也会返回405错误。

解决方法是给Laravel安装CORS扩展，推荐用barryvdh/laravel-cors：

1. 安装扩展：

composer require barryvdh/laravel-cors

2. 发布配置文件：

php artisan vendor:publish --provider="Barryvdh\Cors\ServiceProvider"

3. 打开config/cors.php，确保允许的方法包含DELETE：

'allowed_methods' => ['GET', 'POST', 'PUT', 'PATCH', 'DELETE', 'OPTIONS'],

4. 在app/Http/Kernel.php里添加中间件：
   • 如果所有路由都需要跨域支持，加到全局中间件：

   protected $middleware = [
       // ...其他中间件
       \Barryvdh\Cors\HandleCors::class,
   ];
   

   • 或者只给API路由用，加到路由中间件：

   protected $routeMiddleware = [
       // ...其他中间件
       'cors' => \Barryvdh\Cors\HandleCors::class,
   ];
   

   然后在API路由组里加上->middleware('cors')。

3. 给Angular请求加上CSRF令牌（针对web路由） #

如果你的路由定义在web.php里，Laravel默认会启用CSRF保护，Angular发送DELETE请求时必须携带CSRF令牌，否则会被后端拒绝。

操作步骤：

1. 在Laravel的模板文件（比如resources/views/layouts/app.blade.php）里添加meta标签存储CSRF令牌：

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

2. 在Angular的服务里，设置请求头携带X-CSRF-TOKEN：

import { HttpClient, HttpHeaders } from '@angular/common/http';

// ...

deletePost(id: number) {
    const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || '';
    const headers = new HttpHeaders({
        'X-CSRF-TOKEN': csrfToken
    });
    // 注意替换成你正确的后端URL
    return this.http.delete(`http://localhost/ajaxProject/posts/${id}`, { headers });
}

（如果你的路由在api.php里，Laravel默认不启用CSRF保护，这一步可以跳过）

4. 最后检查请求URL是否完全匹配 #

确认Angular服务里的请求URL和Laravel路由的路径完全一致，有没有拼写错误、多了/少了斜杠，或者参数位置不对，这些小细节也可能导致请求方法不匹配的问题。

按照上面的步骤逐一排查，应该就能解决405的问题啦！

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