带有 Express 的 Axios “请求失败，状态码 404”

Question

我是一名新开发人员，试图通过 Express、Express Router 和 Axios 了解路由器和控制器。

服务器（app.js）：

var createError = require('http-errors');
var express = require('express');

var cors = require('cors');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');

var indexRouter = require('./routes/index');
var authRouter = require('./routes/auth');

var app = express();
app.use(cors());

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

// routes
app.use('/', indexRouter);
app.use('/login', authRouter);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  next(createError(404));
});

// error handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});

module.exports = app;

路由器（auth.js）：

var express = require('express');
var router = express.Router();

const controller = require("../controllers/auth.controller");

router.post('/login', controller.login);

module.exports = router;

控制器（auth.controller.js）：

var axios = require('axios');

const url = "https://my-api-url.com";

module.exports = {
    login: (req, res) => {
        console.log('made login request');
        return axios.post(url + "/token", {
            username: req.body.username, 
            password: req.body.password
            }, {
                headers: { "Content-Type": "application/json" },
            }).then((response) => {
                res.send({
                    access_token: response.data.access_token
                });
            }).catch((err) => {
                console.log('failed to login');
        });
    }
};

我在控制台上收到“POST localhost 404 (Not Found)”和“Uncaught (in promise) Error: Request failed with status code 404”响应。但是，这非常有效：

app.js（没有路由器和控制器）：

var createError = require('http-errors');
var express = require('express');
var axios = require('axios');
var cors = require('cors');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');

var app = express();
app.use(cors());

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

const url = "https://my-api-url.com";

// returns access token 
app.post('/login', (req, res) => {
    console.log('made login request!');
    axios.post(url + "/token", {username: req.body.username, password: req.body.password}, {
        headers: {"Content-Type": "application/json"},
    }).then((response) => {
        res.send({access_token: response.data.access_token});
    }).catch((err) => {
        console.log('failed to login');
    });
});

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  next(createError(404));
});

// error handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});

module.exports = app;

我可以继续使用最后一个代码段，因为它运行良好，但我想学习逻辑和最佳实践。我只是不确定我做错了什么。提前致谢。

Answer 1

在app.js，当你使用路由器时：

app.use('/login', authRouter);

您的应用程序将以相对方式获取路由器内部的任何路由。

当你在你的路由器内时，你会以这种方式处理帖子：

router.post('/login', controller.login);

您的应用程序将等待这样的调用：http://localhost:3000/login/login/

如果你想用http://localhost:3000/login/打电话，你的路由器应该是这样的：

var express = require('express');
var router = express.Router();

const controller = require("../controllers/auth.controller");

router.post('/', controller.login);

module.exports = router;