Laravel + Vue Page Redirection

Question

Как я могу перенаправить на страницу, когда пытаюсь создать что-то, что нужно сделать на другой странице?

Пример:

Я создал страницу, которая будет запрашивать детали для книг и сохранил ее в базе данных. На первой странице пользователь попросит поставить обложку книги, название и описание. Я использовал Vue Component для страницы и axios, чтобы сохранить его в базе данных. Я использовал этот код window.location.href = "/create-book/" для перенаправления на другую страницу, на которой пользователь может начать писать, и когда он его сохранит, он сохранит текущую книгу, которую он создавал.

сейчас я застрял в этом

Vue Компонент

axios.post('/admin/saveBook', formData).then(function(result){
    // console.log(result.data)
    window.location.href = "/admin/write-book";
});

и в моем контроллере я использовал это

Контроллер

return response()->json($book);

Моя цель - создать целую страницу для написания содержания книги. Спасибо!

Answer 1

Возможно, вы захотите использовать Vue Router , в частности Dynamic Route Matching и Программная навигация .

В вашем роутере у вас будет динамический путь для ваших книг.

routes: [
    {
        // dynamic segments start with a colon
        path: '/books/:id',
        name: 'book',
        component: Book
    }
]

Затем в вашем компоненте вы перейдете к книге по созданию.

axios.post('/admin/saveBook', formData).then(function(result) {
    this.$router.push({ name: 'book', params: { id: result.data.book.id }});
});

Если вам нужна информация для книги при переходе к ней, вы можете либо извлечь ее, используя идентификатор при подключении, либо передать книгу в качестве опоры при навигации. См. Передача реквизита компонентам маршрута .