'I am making a post request through laravel-vue on the browser and I am getting a 401, but it works on postman with the exact headers & paramaters

this is the function that is triggered once the form button is clicked

      add_book: function(){
          axios.post('http://127.0.0.1:8000/api/v1/books', {
            headers: {
            'Content-Type': 'application/json',
            'Accept': 'application/json',
            'Authorization': 'Bearer' this.token,
            },
            params: {
                'name': this.name,
                'description': this.description,
                'publication_year': this.publication_year,
            }

            }).then((response => {
                if (response.status == 201){
                    this.name = "";
                    this.description = "";
                    this.publication_year = "";
                    console.log('a new book is added');
                }
            })).catch((error) => {
                console.log(error);
        });
        console.log(this.name);
      }
  }

and this is the vs_code thunder client (an extension that works like postman) request.

enter image description here post request on vs code enter image description here



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source