【问题标题】:Angular 5+ post to nodejs errorAngular 5+发布到nodejs错误
【发布时间】:2018-03-24 05:27:51
【问题描述】:

所以,我已经查看了一些答案,并将尽可能完整地了解我所尝试的内容。作为这里的新鱼,我确实先看了但没有找到满意的答案。

首先是问题。我正在尝试将 ID、密码发布到在节点上运行的显然足够 '/login' 的端点。我已经使用邮递员运行了端点,它确实有效。我尝试将 httpOptions 标头设置为 json(感谢 stackoverflow),但我仍然得到 404。为此,我在标准控制台日志记录中进行了编码,以查看在哪里流程是,它甚至没有到达 route.post..

无法加载 http://localhost:3000/login:预检响应包含无效的 HTTP 状态代码 404。

首先是事物的棱角分明的一面。作为服务

public login(user, passwd) {
console.log('url %s user %s passwd %s', this.url, user, passwd);

const httpOptions = {
  headers: new HttpHeaders({
    'Content-Type': 'application/json'
  })
};

this.http.post(this.url, {
    id: user,
    password: passwd
  },
  httpOptions)

  .subscribe(
    res => {
      console.log(res);
    },
    err => {
      console.log('Error occured %o', err);
    }
  );
 }

现在是节点代码。我在这里也放了一个 get ,以防由于某种原因我触发了错误的事情 - 我什至没有得到控制台日志。

app.route('/login')
.get(sessionChecker, (req, res) => {
    console.log ('login get');
    res.json({login : false});
    res.sendFile(__dirname + '/public/login.html');
})
.post((request, response) => {

    console.log("sesssion is %o", request.session);

    // taken from personal code I wrote a few years back
    console.log('request %o', request.query);
    let username = request.query.id;
    let password = request.query.password;

    console.log('user %s pass %s', username, password);

我确实掉到了我的 404 url​​ not found 代码。

// route for handling 404 requests(unavailable routes)
app.use(function (req, res, next) {
console.log(' some sort of error ');
res.status(404).send("Sorry can't find that!")
});

如果我提供了错误的 url,我会从这里收到消息“抱歉找不到那个”。

【问题讨论】:

    标签: angular post http-status-code-404 postman


    【解决方案1】:

    事实证明,这是有答案的,它包含在 2 stackoverflow 投票最少的答案中

    十亿感谢这个家伙。简而言之,将以下内容添加到服务器端 CORS 脚本中。

    if (req.method === "OPTIONS") 
        res.send(200);
    else 
        next();
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-09-10
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-06-19
      相关资源
      最近更新 更多