Angular4后端POST请求报错405(Method Not Allowed)求助

嘿，我来帮你捋一捋这个问题！首先得明确：405（Method Not Allowed）不是单纯的CORS问题——这个错误是后端服务器明确返回的，说明你的POST请求方法不被目标接口支持，哪怕你用了Chrome跨域扩展，这个核心问题还是没解决。下面是一步步的排查和解决思路：

第一步：先确认后端接口的问题（最关键） #

405错误的核心原因是：你请求的后端端点没有配置支持POST方法。很多后端框架（比如Spring Boot、Express、Django）的路由是和HTTP方法绑定的，比如如果后端代码里只写了@GetMapping("/auth")（Spring）或者app.get('/auth', ...)（Express），那这个接口只能接受GET请求，发POST肯定会返回405。

你可以先绕过前端，用Postman直接发送POST请求到这个接口：

• 如果Postman也返回405：那百分百是后端的问题，赶紧找后端同事调整路由配置，把POST方法加进去。
• 如果Postman请求正常：那问题出在前端的请求构造上，继续往下看。

第二步：检查Angular请求的构造是否正确 #

从你给出的代码片段来看，你同时导入了@angular/common/http的新HttpClient模块，和@angular/http的旧Http模块（RequestOptions、Headers）——这两个模块不要混用，Angular4+推荐用新的HttpClient，避免冲突。另外还要检查这几点：

1. 请求URL是否正确 #

确认你POST的URL和后端接口的路径完全一致，有没有拼写错误、多/少斜杠的情况（比如后端是/api/auth，你写成了/auth）。

2. 请求头是否符合后端要求 #

很多后端接口要求Content-Type为application/json，如果没设置，可能会被后端拒绝。用HttpClient构造正确的请求头：

const headers = new HttpHeaders({
  'Content-Type': 'application/json'
});
// 然后在POST请求里传入headers
this.http.post(yourAuthUrl, authData, { headers: headers }).subscribe(...);

3. 清理旧的Http模块依赖 #

把代码里来自@angular/http的RequestOptions、Headers导入删掉，统一用@angular/common/http的HttpClient和HttpHeaders，避免模块冲突。

修正后的服务代码示例：

import { Injectable } from '@angular/core';
import 'rxjs/add/operator/map';
import { Data } from '../Data';
import { HttpHeaders, HttpClient } from '@angular/common/http';
import { Router } from '@angular/router';

@Injectable()
export class DataService {
  // 替换成你实际的后端认证接口URL
  private authEndpoint = '/api/auth';

  constructor(
    private http: HttpClient,
    private router: Router
  ) { }

  // 认证方法示例
  login(authCredentials: { username: string; password: string }) {
    const requestHeaders = new HttpHeaders({
      'Content-Type': 'application/json'
    });

    return this.http.post(this.authEndpoint, authCredentials, { headers: requestHeaders })
      .map(response => {
        // 这里处理认证成功的逻辑，比如存储token到本地
        localStorage.setItem('authToken', response['token']);
        this.router.navigate(['/home']);
        return response;
      });
  }
}

第三步：关于CORS的补充说明 #

你用Chrome跨域扩展只是临时绕过浏览器的CORS检查，但生产环境绝对不能依赖这个——必须让后端配置CORS响应头（比如Access-Control-Allow-Origin、Access-Control-Allow-Methods等）。不过要注意：CORS错误的提示是No 'Access-Control-Allow-Origin' header is present，和405是完全不同的错误，所以先解决405的问题，再处理CORS。

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