javascript - 带有 Express 的 Axios “请求失败,状态码 404”
问题描述
我是一名新开发人员,试图通过 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;
我可以继续使用最后一个代码段,因为它工作得很好,但我想学习逻辑和最佳实践。我只是不确定我做错了什么。提前致谢。
解决方案
在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;
推荐阅读
- python - SQLAlchemy 的模拟默认属性
- android - Gridview 项目不显示
- python - 如何将这两个函数与一个使用可选参数的函数结合起来?
- python - EasySNMP:将 OCTETSTR 转换为十六进制的不同输出
- sql - Microsoft Access 查询排序顺序
- unity3d - 将吃豆人传送到迷宫的另一边
- javascript - 不管大小写,做一个简单的搜索
- azure-web-app-service - Azure:无法删除应用服务 VNet 集成预览的子网
- json - 如何在swift中下载后修改视频格式
- javascript - 仅允许自动完成字段中下拉列表中的选定值