How can I implement authentication with cookies in Vue.js?

How can I implement authentication with cookies in Vue.js?

To implement authentication with cookies in Vue.js, you can use libraries like Axios for API calls and set cookies using the 'js-cookie' package.

Can you show me a code example for setting a cookie after login?

Sure! After a successful login, you can set a cookie like this:

import Cookies from 'js-cookie';

// After successful login
Cookies.set('authToken', response.data.token, { expires: 7 });

How do I check if the cookie exists on subsequent requests?

You can check if the cookie exists using:

const token = Cookies.get('authToken');
if (token) {
  // Token exists, proceed with authenticated requests
} else {
  // Token does not exist, redirect to login
}

What about logging out? How do I remove the cookie?

To log out, you can remove the cookie like this:

Cookies.remove('authToken');