Неожиданный токен <in JSON в позиции 0: загрузка изображения

Question

Я не могу загрузить изображение. Я получаю Unexpected token < in JSON at position 0 как ошибку для запроса POST. Я не могу найти, где проблема разбора / JSON, но когда я удаляю поле запроса изображения / ответа / модели, POST работает хорошо.

try { 
  const formData = new FormData();
  formData.append('email', formState.inputs.email.value);
  formData.append('image', formState.inputs.image.value);
  const responseData = await sendRequest(
    'http://localhost:3001/api/users/signup',
    'POST',
    formData,
  );
  auth.login(responseData.userId, responseData.token);
} catch (err) { }

На серверной стороне: пользовательские маршруты. js

const fileUpload = require('../middleware/file-upload');
router.post('/signup',
  fileUpload.single('image'),

file-upload. js

const multer = require('multer');
const uuid = require('uuid/v1');

const MIME_TYPE_MAP = {
    'image/png': 'png',
    'image/jpeg': 'jpeg',
    'image/jpg': 'jpg'
};

const fileUpload = multer({
    limits: 5000000,
    storage: multer.diskStorage({
        destination: (req, file, cb) => {
            cb(null, 'uploads/images');
        },
        filename: (req, file, cb) => {
            const ext = MIME_TYPE_MAP[file.mimetype];
            cb(null, uuid() + '.' + ext);
        }
    }),
    fileFilter: (req, file, cb) => {
        const isValid = !!MIME_TYPE_MAP[file.mimetype];
        let error = isValid ? null : new Error('Invalid mime type!');
        cb(error, isValid);
    }
});

module.exports = fileUpload;

server. js

const express = require('express');
const bodyParser = require('body-parser');
const mongoose = require('mongoose')

const usersRoutes = require('./routes/users-routes');
const HttpError = require('./models/http-error');
const app = express();

app.use(bodyParser.json());


app.use('/uploads/images', express.static(path.join('uploads', 'images')));

app.use((req, res, next) => {
    res.setHeader('Access-Control-Allow-Origin', '*');
    res.setHeader('Access-Control-Allow-Headers',
        'Origin, X-Requested-With, Content-Type, Accept, Authorization'
    );
    res.setHeader('Access-Control-Allow-Methods', 'GET, POST, PATCH, DELETE');
    next();
});

app.use('/api/users', usersRoutes);

Что я пропустил? Единственные данные JSON, которые я анализирую, - это идентификатор пользователя и адрес электронной почты в локальном хранилище.

Answer 1

Добавьте это на ваш сервер. js file

// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: false }))