@postya

Как использовать axios во Vue 3 c Typescript?

Мне нужно сделать запрос на сервер с axios, получить все записи и вывести все записи

Как можно использовать axios в проекте на Vue 3 c Typescript?
ну или хотя бы без typescript

Привидте пожалуйста пример с get и post запросом

Что я пробовал:

Создал файл для сервиса axios в директории service
SnippetsService.ts
import axios from "axios";

export default class SnippetsService {
  public static getAllSnippets() {
    return axios.get("http://localhost:13050/snippets");
  }
}


В компоненте использовал метод из класса вот так:
setup() {

let allSnippets = ref({});

created(() => {
      allSnippets = SnippetsService.getAllSnippets()
        .then(response => {
          console.log(response);
          allSnippets = response;
        })
        .catch(error => {
          console.log(error);
        });
    });
    return { allSnippets };
}


Получил ошибку:
5ff335fa30c6b247279065.jpeg
  • Вопрос задан
  • 67 просмотров
Пригласить эксперта
Ответы на вопрос 1
В браузере лучше использовать fetch а не axios
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
PLATFORM Тюмень
от 100 000 до 150 000 ₽
ДП-Экспресс Санкт-Петербург
от 130 000 до 200 000 ₽
Astroshock Москва
от 110 000 до 180 000 ₽