不允许使用Angular 405方法和“显示临时标头”错误

基础概念

HTTP 405 错误表示请求方法不被允许。这意味着服务器理解请求方法（如 GET、POST、PUT 等），但目标资源不支持该方法。例如，如果你尝试对一个只允许 GET 请求的资源使用 POST 方法，服务器就会返回 405 错误。

类型

GET：请求获取指定资源。
POST：请求向指定资源提交数据进行处理请求（例如提交表单或者上传文件）。
PUT：请求服务器存储一个资源，并用请求中的实体主体替换目标资源的所有当前表示。
DELETE：请求服务器删除指定的资源。
PATCH：请求修改目标资源的部分内容。

应用场景

API 设计：在设计 RESTful API 时，明确每个端点支持的 HTTP 方法。
权限控制：根据用户的权限，限制其对资源的操作。

问题原因

服务器配置错误：服务器可能没有正确配置允许的 HTTP 方法。
代码逻辑错误：应用程序代码中可能没有正确处理某些 HTTP 方法。
中间件问题：某些中间件可能会拦截或修改请求，导致 405 错误。

解决方法

检查服务器配置：
- 确保服务器配置文件（如 Nginx 或 Apache 的配置文件）中允许了所需的 HTTP 方法。
- 例如，在 Nginx 中，可以使用 allow 和 deny 指令来控制允许的 HTTP 方法。

检查应用程序代码：
- 确保应用程序代码中正确处理了所有需要的 HTTP 方法。
- 例如，在 Express.js 中，可以使用 app.use 和 app.METHOD 来定义路由和处理方法。
检查中间件：
- 确保没有中间件拦截或修改了请求。
- 例如，在 Express.js 中，可以检查是否有中间件使用了 app.use 并修改了请求。

示例代码（Express.js）

const express = require('express');
const app = express();

// 允许所有 HTTP 方法
app.use((req, res, next) => {
  res.header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, PATCH');
  next();
});

// 定义 GET 请求
app.get('/resource', (req, res) => {
  res.send('GET request successful');
});

// 定义 POST 请求
app.post('/resource', (req, res) => {
  res.send('POST request successful');
});

// 启动服务器
app.listen(3000, () => {
  console.log('Server is running on port 3000');
});