javascript - 表单提交在控制台中显示奇怪的错误

标签 javascript node.js angular express mongoose

我正在开发一个小型 ToDo 应用程序,其中我使用 Angular 作为前端,使用 Node.js/Express/Mongo 作为中间件/后端。

当我在登录表单中提交登录时,它会访问登录 API,但它会在控制台中返回一个奇怪的输出,内容为

OPTIONS http://localhost:3000/api/v1/users/login/ 0 {}

(参见下面的屏幕截图)即使在成功登录后也不允许我获取仪表板。

我通过安装 cors NPM 模块启用了 CORS。我检查了 Postman 中的 RESTFul 服务,一切都工作正常。

[已更新] 这就是我在 express.jsapp.js 文件中启用 CORS 的方法。

let cors = require('cors');
app.use(cors());
app.options('*', cors());

Error in console

最佳答案

在将 CORS 请求发送到服务器之前,客户端始终会将此“OPTIONS”请求作为“预检请求”发送,从服务器请求支持的方法。

此请求被阻止可能表明 CORS 配置错误或显式阻止来自服务器的所有“OPTIONS”请求。 (服务器上也需要配置CORS)。

更多信息可参见here

关于javascript - 表单提交在控制台中显示奇怪的错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59177960/

相关文章:

node.js - 使 Node.js Redis 客户端的 .multi() 和 .batch() 在结果中返回错误以用于测试目的

css - 增加 Angular Material 的高度 2 移动占位符

javascript - js中如何将数据更新到文件中特定位置

javascript - 了解 JavaScript 计时器线程问题

javascript - 使用 jquery 验证插件进行多案例验证

angular - 如何通过使用私有(private)方法/属性来修改公共(public)方法/属性的输出的依赖项来测试 Angular 6 服务

angular - 构建 Angular 库时是否可以使用自定义 Webpack 配置?

javascript - 保存来自 JQuery 表单的输入数据

javascript - 从传递给函数的字符串调用 javascript 函数

javascript - 如何将颜色应用于 nodeJS .ejs 文件中的 <td> 标记