У меня проблема с axios и маршрутами в vuejs - PullRequest
Новая
       21

У меня проблема с axios и маршрутами в vuejs

0 голосов
/ 25 февраля 2019

У меня следующая ситуация:

Я редактирую место, его маршрут - http://localhost/place/add/47 в качестве примера.Я использую этот компонент для добавления нового места и редактирования места.Когда я редактирую место, я загружаю некоторые изображения, которые я могу удалить.Вот код для удаления изображения 

                this.$swal.fire({
                    title: 'Está seguro?',
                    text: "Realmente desea eliminar la imagen",
                    type: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Borrar'
                }).then((result) => {
                    if (result.value) {
                        axios.delete('image-delete/'+id)
                            .then(response => {
                                this.$swal.fire('Imagen eliminada correctamente');
                               
                            })
                            .catch(error => {
                                this.$swal.fire({
                                    type: 'error',
                                    title: 'Error',
                                    text: 'Ocurrio un error!',
                                });
                            });
                    }
                })

Но на самом деле, когда я пытаюсь удалить изображение, получаемый запрос (URL) http://localhost/place/add/image-delete/65.

Я хочуперейти к http://localhost/place/image-delete/65.

Я думаю, что эта ситуация, потому что я нахожусь в месте / добавить маршрут.

Есть ли какой-нибудь способ устранить добавление части или получить родительский маршрут из vue?

вот мой код маршрута. 

{
        path: '/excursion', component: require('./components/excursiones/backend/ExcursionBackendComponent').default,
        children: [
            {
                path: '',
                component: ExcursionList },
            {
                path: 'add/:id?',
                name: 'excursionAdd',
                component: ExcursionAdd
            },
            {
                path: 'list',
                component: ExcursionList
            }
        ]
    },
...