Comments (4)
@jasonvarga sorry I didn't see your issue here.
Sounds like you have it solved, but for anyone seeing this I would also recommend doing this globally somewhere via the Axios client configuration...
import { client } from 'laravel-precognition-{package_flavour}';
getCsrfToken().then(csrfToken => {
client.axios().defaults.headers.common['X-CSRF-TOKEN'] = csrfToken;
})
from precognition.
Gotcha! Another option which might feel a little cleaner is to set the _token
input on the form, either by injecting a hidden HTML input into the form like @csrf
does or adding it in the form data. This would require the the-element
to be available on load.
$form('post', '/the-url', {
_token: document.getElementById('the-element').value,
});
Either way, a few options depending on what you need.
from precognition.
Someone found a solution for us that seems to work.
In the custom event I mentioned, we would update the token on an html element.
Then we can provide an object with a toString
method to the header, which will grab the token from the element.
$form('post', '/the-url', {}, {
headers: {
'X-CSRF-Token': {
toString: () => document.getElementById('the-element').value
}
}
});
from precognition.
Thanks Tim.
In our case, we are injecting some JS into the html response via a package. We don't have access to their JS build process so we can't import { client }
but this is good to know anyway!
from precognition.
Related Issues (20)
- Transform data before validation HOT 3
- laravel-precognition-vue-inertia - useForm redirect behaviour HOT 1
- laravel-precognition-vue-inertia didnt sent all data HOT 1
- Laravel Precognition For Inertia Svelte HOT 1
- Get a method for updating the URL in the form object HOT 5
- Possibility to override errors array HOT 1
- If the field is an array, also validate the items within the array HOT 4
- Validate more than one field HOT 9
- form.validating always false HOT 3
- form reset() w/o params doens't reset old values HOT 3
- async validate() HOT 6
- Bug: 422 (Unprocessable Content) HOT 9
- Error in Precognition React using Sanctum HOT 4
- Make initial value (third parameter of useForm) dynamic HOT 4
- onValidate Callback or async validate HOT 5
- Form reporting incorrectly valid HOT 1
- onValidate callback or async validate (reopen) HOT 10
- Cannot use 'data' as a form property HOT 2
- Provide support for interfaces for useForm function (Vue & Inertia) HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from precognition.