Данные Axios нарушают запрос - PullRequest
Новая
       8

Данные Axios нарушают запрос

0 голосов
/ 29 января 2019

У меня есть express API и ReactJs интерфейс.Я пытаюсь сделать POST-вызов непосредственно из моего интерфейса к локальному API.

Для этого я использую 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 - этоне показывая курицу, я использую полезную нагрузку (это когда я не использую).

Ответы [ 2 ]

0 голосов
/ 29 января 2019

Вы используете «getDocument (usersBucket, req.query.username)»

Это означает, что вы выражаете маршрут, ожидающий имя пользователя в качестве параметра запроса.Вот почему это работает, когда вы используете «? Username = xx»

Вместо этого попробуйте получить его из тела запроса json.«Req.body.username»

Также вам следует рассмотреть возможность проверки тела или параметра запроса, как требуется.

0 голосов
/ 29 января 2019

Вы должны получить доступ к данным 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
}

при отправке payload со вторым аргументом в axios.post(url, payload): 

axios.post('/user', {
    firstName: 'Fred',
    lastName: 'Flintstone'
  })

на вашей конечной точке экспресса request.body будет: 

{
  firstName: 'Fred',
  lastName: 'Flintstone'
}

, когда вы используете app.use(bodyParser.json()); (и вы делаете).

...