本文详解 angularjs 前端向 go（beego 框架）后端发送 post 请求时出现 405 method not allowed 的根本原因及修复方法，涵盖路由配置、http 方法绑定、cors 处理与请求格式一致性。
本文详解 angularjs 前端向 go（beego 框架）后端发送 post 请求时出现 405 method not allowed 的根本原因及修复方法，涵盖路由配置、http 方法绑定、cors 处理与请求格式一致性。
在 AngularJS + Go（Beego）组合开发中，405 Method Not Allowed 是一个典型但易被忽视的集成问题。它并非前端代码错误，而是后端未正确暴露或绑定对应 HTTP 方法所致。结合你提供的代码，问题核心在于：前端请求 /sample，而后端仅将 Submit 方法绑定到了 /sample/Submit 路由，且未为 /sample 配置 POST 处理器。
✅ 正确的路由与控制器绑定
你当前的 routers.go 中：
beego.Router("/sample", &controllers.SampleController{}) // ← 仅注册 GET（默认）
beego.Router("/sample/Submit", &controllers.SampleController{}, "post:Submit") // ← 正确绑定了 POST，但 URL 不匹配
而前端 $http 请求的是 baseUrl + '/sample'（如 http://localhost:8080/sample），但后端 /sample 路由只响应 GET（由 Get() 方法处理），未声明任何 POST 行为，因此 Beego 默认拒绝 POST 请求，返回 405。
修复方式一（推荐）：统一使用 /sample 接收 POST
// routers.go
beego.Router("/sample", &controllers.SampleController{}, "get:Get;post:Submit")
同时，删除冗余的 /sample/Submit 路由，保持接口简洁。
相应地，更新控制器方法签名（Beego 1.x 要求控制器方法名首字母大写，且需符合约定）：
// sample.go
func (this *SampleController) Submit() { // ✅ Beego 自动注入 req/rw，无需手动传参
defer this.ServeJSON() // 可选：自动设置 Content-Type 并序列化响应
decoder := json.NewDecoder(this.Ctx.Request.Body)
var data Entry
if err := decoder.Decode(&data); err != nil {
this.Data["json"] = map[string]string{"error": "Invalid JSON"}
this.Abort("400")
return
}
fmt.Printf("Received: %+v\n", data)
this.Data["json"] = map[string]string{"status": "success"}
}
⚠️ 注意：Beego 控制器方法*不应接收 http.ResponseWriter 和 `http.Request参数**——这是 Beego 1.x 的规范。所有请求上下文通过this.Ctx` 访问。
✅ 前端请求 URL 与 baseUrl 规范化
你代码中使用了 baseUrl + '/sample'，但未定义 baseUrl。若 baseUrl 为空、含 # 或路径不匹配（如 http://host/#/sample），会导致实际请求地址错误（例如发到 http://host/#/sample，后端无法识别 hash 路径）。
安全做法：显式定义并验证 baseUrl
// 在 sample.js 顶部添加（根据实际部署调整）
var baseUrl = window.location.origin; // 例如 http://localhost:8080
// 调试建议（开发时保留）
console.log('Base URL:', baseUrl);
console.log('Full POST URL:', baseUrl + '/sample');
同时，确保 AngularJS 请求使用绝对路径（避免相对路径被浏览器解析为当前页面 hash 路径）：
$http({
method: 'POST',
url: baseUrl + '/sample', // ✅ 显式完整 URL
headers: { 'Content-Type': 'application/json' },
data: {
firstName: $scope.firstName,
middleName: $scope.middleName,
lastName: $scope.lastName,
age: parseInt($scope.age, 10) // ✅ 字符串转数字，避免后端解析失败
}
})
.then(function(response) {
alert('Success!');
}, function(error) {
console.error('Request failed:', error);
alert('Error: ' + (error.data?.error || 'Unknown'));
});
✅ 关键补充：启用 CORS（跨域调试必备）
若前端运行在 http://localhost:3000，而后端是 http://localhost:8080，浏览器会触发预检（OPTIONS）请求。Beego 默认不处理 OPTIONS，导致 405。
在 main.go 或控制器中启用 CORS：
import "github.com/astaxie/beego/plugins/cors"
// 在 beego.Run() 前添加
beego.InsertFilter("*", beego.BeeApp.Handlers, cors.Allow(&cors.Options{
AllowOrigins: []string{"*"},
AllowMethods: []string{"GET", "POST", "OPTIONS"},
AllowHeaders: []string{"Origin", "Authorization", "Content-Type"},
ExposeHeaders: []string{"Content-Length"},
MaxAge: 3600,
}))
✅ 总结：检查清单
| 项目 | 正确配置 | 常见错误 |
|---|---|---|
| 后端路由 | beego.Router("/sample", &ctrl, "get:Get;post:Submit") | 仅注册 GET，或 URL 不一致（如 /sample/Submit） |
| 控制器方法 | func (c *SampleController) Submit()，无参数 | 错误添加 rw http.ResponseWriter, req *http.Request |
| 前端 URL | baseUrl + '/sample'，且 baseUrl 为协议+域名（不含 #） | baseUrl = '#' 或未定义，导致请求 #/sample |
| Content-Type | 前端设 'application/json'，后端用 json.Decoder 解析 | 前端漏设 header，后端误用 req.FormValue |
| CORS | 开发环境务必启用 OPTIONS 支持 | 忽略预检请求，导致 405 |
完成以上修改后，重启 Go 服务与前端页面，405 Method Not Allowed 将彻底消失，POST 数据可稳定送达后端并被正确解析。
