我有一个express API和一个ReactJs前端。我尝试从前端直接对本地API进行POST调用。
为此,我正在使用axios。
当我直接在查询字符串中设置参数时,请求运行良好,但是如果我尝试通过data
方法的axios.post()
属性添加参数,则请求总是超时。
工作
axios.post(`http://localhost:5001/site/authenticate?username=demo&password=demo`)
不起作用
const payload = {
"username":"mh",
"password":"mh"
}
axios.post(`http://localhost:5001/site/authenticate`, payload)
我的快递服务器:
const express = require('express');
const bodyParser = require('body-parser');
const morgan = require('morgan');
const jwt = require('jsonwebtoken'); // used to create, sign, and verify tokens
var cors = require('cors');
const app = express();
const port = process.env.API_PORT || 5001;
app.use(cors());
app.set('secret', process.env.API_SECRET);
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());
app.use(morgan('dev'));
app.use((req, res, next) => {
let data = '';
req.setEncoding('utf8');
req.on('data', (chunk) => {
data += chunk;
});
req.on('end', () => {
req.rawBody = data;
next();
});
});
// Allow CORS
app.use(function(req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
next();
});
// SITE ROUTES -------------------
const siteRoutes = express.Router();
siteRoutes.post('/authenticate', function(req, res) {
console.log('auth');
getDocument(usersBucket, req.query.username)
.then((doc) => {
console.log("Authentification... TODO");
// return the information including token as JSON
res.json({
success: true,
status: 200,
token: token
});
})
.catch(() => {
res.status(401).json({ success: false, message: 'Authentification failed. User not found.' });
});
});
// route middleware to verify a token
siteRoutes.use(function(req, res, next) {
const token = req.body.token || req.query.token || req.headers['x-access-token'];
if (token) {
// verifies secret and checks exp
jwt.verify(token, app.get('secret'), function(err, decoded) {
if (err) {
return res.json({ success: false, message: 'Failed to authenticate token.', status: 401 });
} else {
req.decoded = decoded;
next();
}
});
} else {
return res.status(403).send({
success: false,
message: 'No token provided.'
});
}
});
siteRoutes.get('/', function(req, res) {
res.json({ message: 'Welcome!' });
});
app.use('/site', siteRoutes);
app.listen(port, () => {
logger.log(`Express server listening on port ${port}`);
});
有什么主意吗?谢谢。
我替换了路线只是为了看看是否可以进入(不用担心参数):
siteRoutes.post('/authenticate', function(req, res) {
console.log("go in");
res.json({
success: true,
status: 200,
});
});
但是当我使用有效负载时(我不使用时),我的console.log
没有显示。
答案 0 :(得分:2)
您应该通过payload
而不是request.body
访问request.query
数据:
// SITE ROUTES -------------------
const siteRoutes = express.Router();
siteRoutes.post('/authenticate', function(req, res) {
console.log('auth');
getDocument(usersBucket, req.body.username) // <------- HERE
.then((doc) => {
console.log("Authentification... TODO");
// return the information including token as JSON
res.json({
success: true,
status: 200,
token: token
});
})
.catch(() => {
res.status(401).json({ success: false, message: 'Authentification failed. User not found.' });
});
});
request.query
是URL中传递的参数,例如:
protocol://hostname:port/path/to.route?query_param_0=value_0&query_param_1=value_1
在明确端点request.query
上的将是:
{
query_param_0: value_0,
query_param_1: value_1
}
在发送second argument in axios.post(url, payload)
的同时发送payload
:
axios.post('/user', {
firstName: 'Fred',
lastName: 'Flintstone'
})
在明确端点request.body
上的将是:
{
firstName: 'Fred',
lastName: 'Flintstone'
}
(当您使用app.use(bodyParser.json());
时)。
答案 1 :(得分:0)
您正在使用“ getDocument(usersBucket,req.query.username)”
这意味着您表示路线期望用户名作为请求参数。这就是为什么当您使用“?username = xx”
时它可以正常工作的原因请尝试从请求的json主体获取它。 “ req.body.username”
此外,您还应考虑根据需要验证请求正文或参数。