javascript - 使用 angular.js 和 ExpressJS 的 POST 请求 404(未找到)

Question

我正在尝试使用 AngularJS 向我的 ExpressJS 服务器发送请求:

angular.module('app').controller('contactCtrl', function($scope, $http) {
    $scope.envoyer = function(nom, organisation, courriel, telephone, message){
        $http.post('/contact', {nom:nom, organisation:organisation, courriel:courriel, telephone:telephone, message:message}).then(function(error, response){
            if(response.data.success){
                console.log('sent!');
            }
        });
    }
});

这是来自服务器的代码:

var mailer = require('nodemailer');

var EMAIL_ACCOUNT_EMAIL = 'aaa@gmail.com';
var EMAIL_ACCOUNT_PASSWORD = 'aaa';

var smtpTransport = mailer.createTransport({
    service: "Gmail",
    auth: {
        user: EMAIL_ACCOUNT_EMAIL,
        pass: EMAIL_ACCOUNT_PASSWORD
    }
});

app.post('/contact', function(req, res, next){
        var success = true;
        var mailOptions = {
            to: 'azez@email.com',
            subject: 'qsdxwccvfd',
            html: 'sqdqsdq'
        };

        smtpTransport.sendMail(mailOptions, function(error, res){
            if(error){
                console.log('[ERROR] Message NOT sent: ', error);
                success = false;
            } else {
                console.log('[INFO] Message sent: ' + res.message);
            }
            next(error, success);
        });
});

服务器执行请求后，我在客户端收到此错误消息:

POST http://localhost:3002/contact 404 (Not Found) angular.js:8495
(anonymous function) angular.js:8495
sendReq angular.js:8291
$http.serverRequest angular.js:8025
wrappedCallback angular.js:11498
wrappedCallback angular.js:11498
(anonymous function) angular.js:11584
Scope.$eval angular.js:12608
Scope.$digest angular.js:12420
Scope.$apply angular.js:12712
(anonymous function) angular.js:18980
jQuery.event.dispatch jquery.js:4409
elemData.handle

我认为它来自 AngularJS 代码的第四行，但我无法找到修复它的方法。请问我该如何解决？

Answer 1

为了向浏览器发送成功响应，中间件末尾对 next 的调用应替换为如下内容:

res.set('Content-Type', 'application/json'); // tell Angular that this is JSON
res.send(JSON.stringify({success: success}));

这些行告诉 express 返回标记为成功的响应，主体为 JSON 格式，对象仅具有“success”属性。

但是，为了使其正常工作，您需要重命名您在 smtpTransport.sendMail 的回调中使用的参数，因为您调用了 res，所以它是当前从中间件中隐藏 res 对象。所以将该函数的 header 更改为如下所示:

smtpTransport.sendMail(mailOptions, function(error, mailRes){

...然后您当然必须更改后面的日志行以使用 mailRes 而不是 res。