一则 HTTP 405 Method Not Allowed 的解决办法

首先给大家分享一个巨牛巨牛的人工智能教程，是我无意中发现的。教程不仅零基础，通俗易懂，而且非常风趣幽默，还时不时有内涵段子，像看小说一样，哈哈～我正在学习中，觉得太牛了，所以分享给大家！点这里可以跳转到教程

                    

在angular 1.4版本的项目中，程序一直运行正常，突然有一天，在提交表单时，提示“HTTP 405”错误——“Method Not Allowed”。

从字面上的意思理解，很显然是提交方法的类型错误，要么是以GET方式向POST接口提交数据，要么是POST方式项GET接口提交数据，但反反复复检查了后端接口与提交方式，都是POST，完全没有问题。

仔细检查前端代码，发现编写方式如下:

$http({    method : 'POST',    url : '/test',    params : {        cycle : key,        emp_id : user.id    } }).success(function (resp) {    //  处理逻辑 });
    
    
    
    

     
     
     
     
1
     
     
     
     
2
     
     
     
     
3
     
     
     
     
4
     
     
     
     
5
     
     
     
     
6
     
     
     
     
7
     
     
     
     
8
     
     
     
     
9
     
     
     
     
10
    
    
    
    

这样的编程方式有两个问题：
1. 提交的参数暴露在外；
2. 默认提交的Header参数“content-type”为“application/json”;

但经过反复的实验，请参见《浏览器查询参数与表单数据的优先级》，第一个问题不会导致405错误，所以很容易确定问题所在，解决办法是明确指定“content-type”，如下：

$http({    method : 'POST',    url : '/test',    params : {        cycle : key,        emp_id : user.id    },    //  新增content-type头部属性    heads : {        'content-type' : 'application/x-www-form-urlencoded'    } }).success(function (resp) {    //  处理逻辑 });
    
    
    
    

     
     
     
     
1
     
     
     
     
2
     
     
     
     
3
     
     
     
     
4
     
     
     
     
5
     
     
     
     
6
     
     
     
     
7
     
     
     
     
8
     
     
     
     
9
     
     
     
     
10
     
     
     
     
11
     
     
     
     
12
     
     
     
     
13
     
     
     
     
14
    
    
    
    

如果要解决第一个问题，那么只需要引入$httpParamSerializer服务即可，如下：

$http({    method : 'POST',    url : '/test',    //  以表单方式提交，将Object转换为form参数方式    data : $httpParamSerializer({        cycle : key,        emp_id : user.id    }),    //  新增content-type头部属性    heads : {        'content-type' : 'application/x-www-form-urlencoded'    } }).success(function (resp) {    //  处理逻辑 });
    
    
    
    

     
     
     
     
1
     
     
     
     
2
     
     
     
     
3
     
     
     
     
4
     
     
     
     
5
     
     
     
     
6
     
     
     
     
7
     
     
     
     
8
     
     
     
     
9
     
     
     
     
10
     
     
     
     
11
     
     
     
     
12
     
     
     
     
13
     
     
     
     
14
     
     
     
     
15
    
    
    
    

结论

在发生HTTP 405错误，不妨首先检查下请求头部的“content-type”信息。

           

浏览人工智能教程