Как добавить POST-функцию Logout в HTML-шаблон, написанный на vue?

Я сделал свою базовую функцию выхода из системы здесь, в представлениях пользователя.

class SignOutView(View):

        def get(self, request):
            logout(request)
            return HttpResponseRedirect(reverse("home"))

Я назвал его в URL-адресах моих пользователей.

path(
        'signout/',
        view=views.SignOutView.as_view(),
        name='signout',
    ),

Если бы у меня был обычный HTML-шаблон, я бы вызвал его нормально с помощью {% URL:users:logout %}

Но то, что у меня есть, это HTML из vue:

const menu =
  `<MenuItems>
        <MenuItem>
        <a href="auth/logout">
                Sign Out
            </a>
        </MenuItem>
    </MenuItems>
`

Мой текущий выход из системы - это href, который делает GET, но я хочу изменить его, я хочу добавить сюда POST.

Я хочу сделать что-то вроде:

<script type="text/javascript">
// get the anchor with dom and make the post
</script>

В настоящее время я вхожу в систему и получаю токен csrf.

Вернуться на верх