VUE: проблемы с извлечением данных при использовании пагинации - PullRequest
Новая
       22

VUE: проблемы с извлечением данных при использовании пагинации

1 голос
/ 10 июня 2019

У меня есть набор данных, к которым я могу получить доступ для первой страницы.Но как только я использую нумерацию страниц и пытаюсь нажать следующую страницу, я не могу получить доступ к данным.Я получаю 401 выпуск.

created(){
          this.fetchNotater();
        },
        methods: {
            fetchNotater(page_url){
                let vm = this;

// api/borgernotater works perfectly. But when i use the page_url then it wont accept my api_token

                page_url = page_url || 'api/borgernotater'; 
                fetch(`${page_url}?api_token=${window.Laravel.apiToken}`)
                    .then(res => res.json())
                    .then(res => {
                        this.notater = res.data;
                        vm.makePagination(res);
                    })
                    .catch(err => console.log(err))
            },
            makePagination(res){
                let pagination = {
                    current_page: res.current_page,
                    last_page: res.last_page,
                    next_page_url: res.next_page_url,
                    prev_page_url: res.prev_page_url
                };
                this.pagination = pagination;
            }

enter image description here

enter image description here

1 Ответ

1 голос
/ 10 июня 2019

В конструкции URL-адреса запроса API есть опечатка: параметры должны быть разделены &.Вы можете видеть, что когда вы запрашиваете страницу 2, у вас есть два знака вопроса в вашем URL, и это неверная строка запроса, и URL запроса API не будет проанализирован правильно.Должно быть: ?page=2&api_key=....

Имея это в виду, может быть полезно использовать стороннюю библиотеку, например строку запроса в NPM, для анализа и добавления полезной нагрузки в строку запроса.

...