How to pass laravel CSRF token value to vue

by

Very Easy Solution
Just add a hidden field inside the form. An Example

<form id="logout-form" action="/logout" method="POST" style="display: none;">
    <input type="hidden" name="_token" :value="csrf">
</form>

Now add csrf variable inside script at the vue file, like this. (Remember, it must be inside data).

<script>
     export default {
        data: () => ({
            csrf: document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
          }),        
    }
</script>

N.B. You will see a meta tag in your blade.php file like this. 

<!-- CSRF Token -->
<meta name="csrf-token" content="{{ csrf_token() }}">

If there is nothing like this, you need to place it there.

More Related Contents:

  1. Vue js in laravel [closed]
  2. Group by not working – Laravel
  3. How to protect image from public view in Laravel 5?
  4. Laravel Passport Scopes
  5. How to fix ‘Unchecked runtime.lastError: The message port closed before a response was received’ chrome issue?
  6. Can’t call Auth::user() on controller’s constructor
  7. Laravel VueJs : `router-view` does not render the component
  8. Vue.js – validation fails for file upload in axios when multipart/form-data used in header
  9. How to fix the error “You may need an appropriate loader to handle this file type”
  10. Is it possible to change props value from method in Vue component?
  11. Variable undefined error in laravel blade view
  12. Error Field doesn’t have a default value in laravel 5.3
  13. Install vue 3.0 in laravel
  14. Trying to get property of non-object error on laravel 5.4
  15. Browser Version and laravel Version
  16. Eloquent Collection: Counting and Detect Empty
  17. How to paginate a collection after get() in Laravel?
  18. How to Get the Current URL Inside @if Statement (Blade) in Laravel 4?
  19. How to add some textfield in form register (laravel generator infyom)?
  20. Laravel Eloquent “WHERE NOT IN”
  21. Laravel 5.4^ – How to customize notification email layout?
  22. How to use paginate() with a having() clause when column does not exist in table
  23. Vue js error: Component template should contain exactly one root element
  24. Select Last Row in the Table
  25. What is the difference between queue:work –daemon and queue:listen
  26. Laravel: Get pivot data for specific many to many relation
  27. Laravel: Returning the namespaced owner of a polymorphic relation
  28. Undefined class Route (Laravel in PhpStorm)
  29. Laravel 7 Sanctum logout
  30. Polymorphic Eloquent relationships with namespaces

Leave a Comment