laravel 5 vue.js csrf token

Question

I've been at it for a while to get this csrf token to work with the vue.js example.

but it keeps saying i don't have a token. I've tried all kinds of variations.

bottom (not head, before end of body)

    <script>
    window.myToken =  <?php echo json_encode([
        '_token' => csrf_token(),
    ]); ?>
    </script>

    <script src="/js/manifest.js"></script>
    <script src="/js/vendor.js"></script>
    <script src="/js/app.js"></script>

html

<div id="app">
@section('content')
<example></example>
@endsection
</div>

console output

CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token

vendor.js:7635 You are running Vue in development mode.
Make sure to turn on production mode when deploying for production.
See more tips at https://vuejs.org/guide/deployment.html

Example doesn't seem to do much either, but I guess i need the token.

manthrax · Accepted Answer · 2019-07-16 11:53:39Z

10

if you look into

/resources/assets/js/bootstrap.js

You will find

let token = document.head.querySelector('meta[name="csrf-token"]');

You should add in your <head> tag this:

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

This error will not be shown anymore.

I hope this helps

edited Jul 16, 2019 at 11:53

manthrax

5,0861 gold badge19 silver badges17 bronze badges

answered Jul 8, 2017 at 17:23

FULL STACK DEV

16k6 gold badges49 silver badges67 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Aseliot Over a year ago

Mh doesnt seem to work for me either, also tried with csrf_token()

Bas Over a year ago

FULL STACK DEV Over a year ago

@Bas i am happy this helps you

Aseliot Over a year ago

Strange both method's don't seem to work for me, it's also in the docs.

Ikbel · Accepted Answer · 2017-07-10 08:22:38Z

3

Insert this script into your page head tag.

<script>
   window.Laravel = {
      'csrfToken' => '{{csrf_token()}}',
   };
</script>

In your bootstrap.js:

window.axios.defaults.headers.common = {
    'X-CSRF-TOKEN': window.Laravel.csrfToken,
    'X-Requested-With': 'XMLHttpRequest'
}

edited Jul 10, 2017 at 8:22

Ikbel

7,8513 gold badges36 silver badges46 bronze badges

answered Jul 8, 2017 at 17:13

Minar_Mnr

1,4051 gold badge17 silver badges24 bronze badges

2 Comments

Minar_Mnr Over a year ago

Really appreciate if someone tell me ... why this is down voted ?

Aseliot Over a year ago

Doesn't seem to work either, i've seen that window.Laravel method before. I assume the Vue.http should also be in a script tag? I wasn't the one that downvoted though.

Collectives™ on Stack Overflow

laravel 5 vue.js csrf token

2 Answers 2

4 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related