Как предотвратить атаку csrf, если токен jwt хранится в cookie с httponly в laravel и Vue spa?

Question

Веб-интерфейс: Vue spa

Бэкэнд: Laravel

Интерфейс и бэкэнд разделены и сообщаются с запросом xhr.

Вначале я использовал локальное хранилище для хранения токена JWT, но теперь я обнаружил, что это не очень безопасно.

Спасибо за ваш ответ.

Answer 1

Добавьте csrf_token в заголовок HTML как метатег

<meta id="token" name="token" content="{{ csrf_token() }}">

Затем в свой основной файл Vue.js добавьте этот токен в свой экземпляр Vue.

Vue.http.headers.common['X-CSRF-TOKEN'] = document.querySelector('#token').getAttribute('content');