'React fetch api from Laravel Passport
I created a Rest Api with Laravel and Passport. I can access from Postman without problem inserting Authorization > Bearer Token after launch php artisan passport:install.
Now I'm trying to access to Api with React+Axios, but I receive Request failed with status code 401.
const token = 'eyJ0eXA2d....'
const instance = axios.create({
baseURL: 'https://exmample.com/api/',
timeout: 1000,
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json',
'Authorization': 'Bearer ' + token
}
});
const fetchLeads = async () => {
const response = await axios
instance.get('leads')
.catch((err) => {
console.log("Err: ", err);
});
};
useEffect(() => {
fetchLeads();
}, []);
I missing something from React or Laravel Passport require extra setting for connect with Axios?
routes -> api.php (Passport)
Route::group(['middleware' => ['auth', 'admin']], function () {
Route::middleware('auth:api')->group(function(){
Route::get('/leads', [LeadController::class, 'index'])->name('api.leads')->middleware('auth:api');
});
});
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|

