Почему при отправке html кода на сервер происходит конвертирование?

Question

[Devero97]

При отправке html кода на сервер для сохранения в базу данных, мне приходит на сервер вот такой код (скришот). На фронте я сохраняю в переменную html с помощью textarea. Но при отправке он конвертируется. Использую axios и Content-Type автоматически application/json. В чем проблема? Из-за этого я не могу распарсить потом его на фронте.

Comments

[Lynn «Кофеман»]

Магии нет. Код отправки и код сервера в студию

[Devero97]

Lynn «Кофеман»,
Код отправки

async onSubmit() {
      try {
        const formData = {
          category: "Карточка",
          tags: this.tags,
          title: this.title,
          premium: this.checkbox,
          averageRating: this.ratingFull,
          rateOne: this.rateOne,
          rateTwo: this.rateTwo,
          rateTree: this.rateTree,
          rateFour: this.rateFour,
          rateFive: this.rateFive,
          rateSix: this.rateSix,
          nameCompany: this.nameCompany,
          refLink: this.refLink,
          videoLink: this.videoLink,
          shortText: this.shortText,
          specifications: this.specifications,
          pros: this.pros,
          htmlText: this.htmlText,
          images: this.images,
          imgVideo: this.imgVideo,
          imgLogo: this.imgLogo,
          procent: this.procent,
          dayMin: this.dayMin,
          dayMax: this.dayMax,
          summaMin: this.summaMin,
          summaMax: this.summaMax
        };
        const res = await this.$axios.$post(`api/card/admin`, formData);
        alert(res.message);
      } catch (err) {
        alert(res.message, err);
      }
    },

Код сервера не нужен, т.к. там изначально данные пришли уже другие. Там просто написан
console.log(req.body.htmlText);

[Lynn «Кофеман»]

А что такое и откуда взялся this.htmlText?

[Devero97]

Lynn «Кофеман», vue js . Я сохраняю туда данные. Уже в formData сохраняю данные и отправляю. На фронте все отлично

[Lynn «Кофеман»]

Ну покажите console.log на клиенте.
Посмотрите в девтулзах браузера что реально уходит на сервер.

ПС складывается ощущение что вам не нужна помощь

[Devero97]

Lynn «Кофеман», Помощь нужна. В консоле все корректно работает. При отправке данных происходит конвертирование. Возможно utf-8 конвертирование. Но не может быть. Я не знаю в чем проблема

[Lynn «Кофеман»]

Ну так показывайте то что вас просят, а не отмахивайтесь. Пока вы проигнорировали три пункта которые я просил показать.

[Devero97]

Lynn «Кофеман», this.htmlText:

data() {
    return {
      htmlText: ""
    };
  },

Консоль фронта (сриншот)

Код сервера -

module.exports.updateCard = asyncHandler(async (req, res, next) => {
  console.log(req.body.htmlText);
  const card = await Card.findOneAndUpdate(
    {
      card: req.params.card
    },
    req.body,
    { new: true, runValidators: true }
  );

  if (!card) {
    return next(
      new ErrorResponse(`Not found with slug of ${req.params.card}`, 404)
    );
  }

  res.status(200).json({ message: "Карточка успешно обновлена", data: card });
});

[Lynn «Кофеман»]

Devero97, Откуда на сервере берётся req.body?

[Devero97]

Lynn «Кофеман», это данные из formData. Я их передаю и мне они доступны через req.body.

[Devero97]

Lynn «Кофеман», Спасибо за помощь)

[Lynn «Кофеман»]

req.body сам по себе не появляется. Есть код который его добавляет.

И я всё ещё хочу увидеть скриншот request payload из девтулзов

[Devero97]

Lynn «Кофеман», Вот

[Lynn «Кофеман»]

Ну хорошо, допустим что из браузера уходит нормальная строка.

[Devero97]

Lynn «Кофеман», Я уже и объект пытался отправлять. Все равно. Именно конвертируется этот знак < . Из-за этого я не могу нормально обработать код на фронте. Я вообще не понимаю как такое может быть. Остальные скобки, символы отображаются корректно. Но именно этот знак конвертируется.

[Devero97]

Lynn «Кофеман», И в интернете ничего про это не пишут, даже не знаю как это гуглить. Пытался декодировать и т.д. Ничего. Использовал markdown и писал в формате md. Тогда работает хорошо. Но это не вариант вообще. Мне просто нужно строку сохранить корректно, а не изменять ее на беке.

[Lynn «Кофеман»]

> req.body сам по себе не появляется. Есть код который его добавляет.