What is the method of adding a global CSRF token on Laravel Inertia?
add a comment
1 Answer
The method of adding a global CSRF token on Laravel Inertia is as follows:
- Add the following code to your
app/Http/Middleware/VerifyCsrfToken.phpfile:
use Illuminate\Http\Request;
protected function addCookieToResponse($request, $response)
{
$response->headers->set('X-CSRF-TOKEN', $request->session()->token());
return parent::addCookieToResponse($request, $response);
}
- In your Vue file, include
@inertiaand define a meta tag for the CSRF token:
<template>
<div>
<!-- Your component here -->
</div>
</template>
<script>
export default {
metaInfo() {
return {
title: 'Your Page Title',
meta: [
{
name: 'csrf-token',
content: this.$page.props.csrfToken,
},
],
};
},
};
</script>
<style>
/*Your component's styles here*/
</style>
@inertia
- In your layout file, define a meta tag for the CSRF token:
<!doctype html>
<html>
<head>
<!-- Other head tags here -->
<meta name="csrf-token" content="{{ csrf_token() }}">
</head>
<body>
@inertia
</body>
</html>
With these steps, you have now added a global CSRF token which will be available for all your pages.
Your Answer
Stats
Asked: 2022-10-09 11:00:00 +0000
Seen: 11 times
Last updated: Nov 10 '22