Неожиданный идентификатор 'axios'.вызов import ожидает ровно один аргумент

Question

Вот мой код js:

import axios from 'axios';

const quotes = document.querySelector('.quotes');

const getResults = async () => {

    try {

        const res = await axios('http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1');

        quotes.innerHTML = res.data[0].content;

        console.log(res.data[0].content);

    } catch(err) {

        console.log(err);

    }

}
getResults();

Выдает следующую ошибку: Unexpected identifier 'axios'. import call expects exactly one argument.Я запускаю его в браузере и не использую какой-либо пакет, есть идеи, почему это происходит?

Answer 1

Без какого-либо транспилятора или упаковщика вам нужно будет включить axios в ваш html-файл со следующим кодом:

<script type="module" src="https://unpkg.com/axios/dist/axios.min.js"></script>

и загрузить его перед файлом, содержащим скрипт, который вы хотите выполнить.

Answer 2

Попробуйте использовать методы для различных http глаголов, например:

const res = await axios.get('http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1');