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

Question

[postya]

Мне нужно сделать запрос на сервер с 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 };
}

Получил ошибку:

Answer 1

[Игорь Махов]

В браузере лучше использовать fetch а не axios

Comments

[Aetae]

Ничем не лучше. Ни производительностью. Ни функционалом. Ни удобством.