Команды Microsoft WebHook выдают «Нет заголовка «Access-Control-Allow-Origin» в запрошенном ресурсе»

Я пытаюсь использовать Microsoft Teams WebHook для отправки уведомления, когда пользователь отправляет ошибку в моем приложении Vue.js, но у меня возникает ошибка CORS...

Вот мой код:

const webhookUrl =
          "https://outlook.office.com/webhook/XXX";
        const card = {
          "@type": "MessageCard",
          "@context": "https://schema.org/extensions",
          summary: "New bug",
          sections: [
            {
              activityTitle: "A <b>bug</b> has been submitted!",
            },
            {
              title: "Details:",
              facts: [
                {
                  name: "Name",
                  value: this.bug.author,
                },
                {
                  name: "Description",
                  value: this.bug.content,
                },
              ],
            },
          ],
        };

        Axios.post(webhookUrl, card, {
          headers: {
            Accept: "application/json",
            "content-type":
              "application/vnd.microsoft.teams.card.o365connector",
          },
        })
          .then(() => {
            this.$toasted.succes("Thanks for helping us !");
          })
          .catch((e) => {
            console.info(e);
            this.$toasted.error(
              "There was an error while trying to submit your bug"
            );
          });

Где «XXX» — мой код WebHook, он отлично работает при выполнении POST-запроса с помощью Postman.

Заранее спасибо за вашу помощь !

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
683
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я не знаю навскидку, какие разрешенные источники установлены для веб-перехватчиков Teams, но я не удивлен, что это не разрешает прямую публикацию с вашей собственной веб-страницы прямо на веб-перехватчик. Лучший подход для этого — вызвать сам веб-перехватчик из вашего собственного API. Если у вас уже есть такое приложение для этого веб-приложения, просто добавьте возможность вызова веб-перехватчика Teams. Если у вас нет существующего API, вам нужно добавить его, но это довольно просто практически во всех веб-фреймворках.

Другие вопросы по теме