Vue에서 slim-csrf 토큰을 얻는 방법?

Question

VueJS에서 csrf 토큰을 얻는 가장 좋은 방법은 무엇입니까?

VueJS를 통해 토큰에 액세스 할 생각이 없습니다. 아약스 전화 야? 하지만 위험하다고 생각합니다. 맞죠?

Answer 1

서버 측 프레임 워크의 설명서를 참조하여 가장 쉬운 방법에 영향을 미칠 수 있으므로 기본적으로 처리하는 방법을 참조하십시오. 그러나 여러 가지 솔루션이 있습니다.

당신은 서버 측에서 CSRF를 저장 또는 초기 페이지로드에 CSRF를 넣을 수있는 뷰 응용 프로그램

에 그것을 가져 오기 위해 쿠키를 설정할 수 있습니다. 일부 스크립트 태그를 헤더에 넣고 변수에 지정하십시오. 예를 들어, 핸들 바를 사용하는 경우 다음과 같이 할 수 있습니다.

<script> 
    var token = "{{ token }}"; 
</script> 

그런 다음 변수에서 토큰에 액세스 할 수 있습니다.

편집 : 슬림을 사용하는 것을 보지 못했지만 여러 값이 필요하지만 원칙은 동일합니다. Twig를 사용하는 경우 구문은 동일하며 필요한만큼 많은 값을 같은 방식으로 설정할 수 있습니다.