How do I use Axios with Vue.js for token authentication?

How do I use Axios with Vue.js for token authentication?

To use Axios with Vue.js for token authentication, you first need to install Axios and set it up in your Vue project.

What are the steps to install Axios in my Vue project?

You can install Axios by running npm install axios in your project directory. Then, import it in your Vue components.

How do I send a token with my Axios requests?

You can set the token in the headers of your Axios requests like this: axios.defaults.headers.common['Authorization'] = 'Bearer ' + token;.

Can you show me an example of a login function using Axios?

Sure! Here's a simple example:

login() {
  axios.post('/api/login', this.user)
    .then(response => {
      const token = response.data.token;
      axios.defaults.headers.common['Authorization'] = 'Bearer ' + token;
    })
    .catch(error => {
      console.error('Login failed:', error);
    });
}