一则 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”信息。

           

浏览人工智能教程