我在axios上遇到问题并路由到vuejs

时间:2019-02-25 17:17:05

标签: vue.js routes axios

我有以下情况:

我正在编辑一个地点,例如,其路线为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!',
                                });
                            });
                    }
                })

但是,实际上,当我尝试删除图像时,我得到的请求是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
            }
        ]
    },

0 个答案:

没有答案