0

Моя задача - авторизация пользователя, при отправке данных через fetch я получаю HTML, а не JSON

Vue + Nuxt

methods: {
 async sendData() {
  try {
    const values = { name: 'Alex', password: 123456 };
    const res = await this.$store.dispatch('auth/login', values);

    console.log(await res);
  } catch(err) {
    throw err;
  }
 }
}

Vuex

export const actions = {
  async login({}, data) {
    try {
      const res = await fetch('/auth/login', {
        method: 'POST',
        headers: {
          'Accept': 'application/json',
          'Content-Type': 'application/json'
        },
        body: JSON.stringify(data)
      });

      return await res.json();
    } catch (err) {
      throw err;
    }
  }
}

Node.js

const express = require('express');
const app = express();
const bodyParser = require('body-parser');
const authRouter = require('./routes/auth');

app.use(bodyParser.urlencoded({
  extended: true
}));
app.use(bodyParser.json());

app.use('auth', authRouter);

module.exports = app;

Роутер auth.js

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

router.post('/login', (req, res) => {
  const { name, password } = req.body;

  return res.json({
    password,
    name
  });
});

module.exports = router;
4
  • ну и что же в это html написано то?
    – ArchDemon
    22 ноя 2021 в 17:08
  • @ArchDemon в html страница авторизации, с которой я отправил post запрос 22 ноя 2021 в 17:10
  • А Вы не желаете подключаться куда-нибудь на сервер?) fetch('/auth/login' ...) приведет Вас на Ваш же клиент. Или укажите полный адрес, или укажите baseUrl (не знаю как это в fetch делается, но в том же axios лоика такая) 22 ноя 2021 в 18:22
  • @Vladimir Gonchar по-моему так и так должно работать, но я все-равно попробовал и ничего не изменилось 22 ноя 2021 в 18:26

1 ответ 1

0

Решил проблему, она заключалась в том, что не было поставлено слэша "/", когда я использовал роутер

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

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.