Nuxt. js вызов ax ios для получения локального файла завершается неудачно с 404. Однако вызов внешнего URL и переход на локальный файл работает

Question

Сокращение до минимального vue файла, вот что у меня есть:

    
        {{html_data}}

const ax ios = require ('ax ios'); let url = "/ test.txt"; экспорт по умолчанию {asyncData: asyn c function () {let result = await ax ios .get (url); return {html_data: result.data}; },}

Я вижу, что локальный файл nuxt смотрит на папку stati c, поэтому я поместил свой файл test.txt в папку stati c. И я могу получить доступ к http://localhost:3000/test.txt без 404. Не найдено.

Открытие http://localhost:3000/axios (имя моего vue файла - ax ios. vue), на экране отображается NuxtServerError Request failed with status code 404. Однако, если я изменю URL-адрес на внешний (например, http://jsonplaceholder.typicode.com/posts), он будет работать отлично.

Что еще более странно, так это то, что когда я открываю внешний сайт, меняю URL и жду горячей перезагрузки, локальный файл с использованием let url="/test.txt"; отображается как положено.

Что именно мне здесь не хватает?

Answer 1

Похоже, что выполнение Ax ios запросов к файлам в каталоге stati c не работает при вызове из asyncData(). Вы должны указать полный URL-адрес (с базой, поэтому http://localhost:3000/test.txt в вашем случае) или сделать запрос в хуке mounted().

У кого-то был подобный опыт в этой проблеме .