Vue Фильтрация объектов JSON, когда API имеет ограниченное количество элементов

Question

Я вытягиваю объект JSON из API с ограниченным количеством в 200. В настоящее время мы делаем первые 200 следующим образом:

https://testapi.com/posts.json

Мы используем нумерацию страниц в этом приложении с 10 постами на странице. Поэтому, как только мы перейдем на страницу 20, URL API изменится на следующее:

 https://testapi.com/posts-2.json

Таким образом, мы потянем следующие 200 постов. Проблема, с которой я столкнулся, - это лучший способ настроить ее так, чтобы она отбирала сообщения при использовании метода фильтрации. Таким образом, для пользователя есть входные данные фильтрации, и при их выборе метод JS-фильтра запускается для объекта JSON. Однако я не уверен, как запрограммировать приложение для одновременной фильтрации по нескольким URL-адресам API и объединения результатов для отображения отфильтрованного списка сообщений.

Я использую Axios для извлечения данных из API.

Answer 1

Вы можете использовать Firebase Realtime , который позволяет импортировать вашу базу данных в виде файлов JSON. Вы можете извлекать сообщения, используя их JavaScriptSDK (который также поддерживает разбиение на страницы с самого начала):

db.ref('posts').startAt(0).endAt(100)

Это вернет ваши первые 100 сообщений.

Вы также можете фильтровать очень легко. Вот пример получения наиболее просматриваемых сообщений:

var mostViewedPosts = db.ref('posts').orderByChild('metrics/views');