Token-Based API Authentication

How can a field be unique and nullable at the same time? Or did it change something.

Hello there,

How would you go about token-based API Authentication using a signing in or out mechanism?

So your SPA would have register/login/logout pages like a normal laravel app would provide out-of-the-box?

Hi Jeffrey, thank you for this episode :)

I think it would be interesting to give a few indications how to automatically include the api_token when navigating through the different pages of the site.

In real life, a user wouldn't need to enter his token to get his achievements list. How to automatically include the token in the component when calling ?

Thank you !

Is that api_token a magic variable in terms of Laravel ? if I create a field secure_api_token in migration table, will it still work ?

I am attempting this using Laravel 8, and I am able to fetch the data at this point, but am stumbling on an error when outputting an incorrect token. I am not sure if I am missing something here...

Here is the script code in Achievements.vue below: -

export default {
    data() {
        return { achievements: [], token: '', message: '' };
    }, 
    methods: {
        fetchAchievements() {

            axios

            .get(
                `http://laracasts.test/api/achievements?api_token=${
                    this.token
                }`
            )
            .catch(error => {
                this.achievements = [];
                this.message = error.response.data.message;
            })
            .then(({ data }) => {
                this.achievements = data;
                this.message = null;
            });
        }
    }
        
}

Everything works, but I am still getting stuck with the error in the console: -

Uncaught (in promise) TypeError: Cannot read property 'data' of undefined.

Can anyone point me in the direction on where I am going wrong, or is this normal to still receive this error?