Witam, jak dodać token do requestów?
Mam logowanie (Vue, Vuex, JWT), tak wygląda mój kod
const state = {
logged: false
}
const getters = {
logged: state => {
return state.logged
}
}
const actions = {
login({commit}, credentials) {
axios.post(`login`, credentials)
.then(result => {
//alert(result.data.token)
localStorage.setItem('token', result.data.token)
commit('LOGGED')
})
}
}
const mutations = {
LOGGED(state) {
state.logged = true
}
}
export default {
state,
getters,
actions,
mutations
}
w back edndzie wygląda to tak
public function login(Request $request)
{
$credentials = $request->only('email', 'password');
if (!$token = JWTAuth::attempt($credentials)) {
return response([
'status' => 'error',
'error' => 'invalid.credentials',
'msg' => 'Invalid Credentials.'
], 400);
}
return response([
'status' => 'success',
'token' => $token
])->header('Authorization', $token);
}
token jest zapisywany do localStorage jednak gdy chcę dodać dane, co wymaga zalogowania, zabezpiecza przed tym middlewara otrzymuję błąd
Failed to load resource: the server responded with a status of 401 (Unauthorized)
wydaje mi się, że token trzeba w jakiś sposób dodać do requestów jednak nie mam pojęcia jak i gdzie to zrobić