Use FreshApiToken instead of Personal access token for front-end auth

This commit is contained in:
Bubka
2021-10-22 14:18:13 +02:00
parent 62d223ef72
commit d6306e5dd0
12 changed files with 65 additions and 60 deletions

23
resources/js/api.js vendored
View File

@ -7,27 +7,18 @@ Vue.use(VueAxios, axios)
Vue.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
let token = document.head.querySelector('meta[name="csrf-token"]');
if (token) {
Vue.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
} else {
console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
}
// let token = document.head.querySelector('meta[name="csrf-token"]');
// if (token) {
// Vue.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
// } else {
// console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
// }
Vue.axios.interceptors.request.use(function (request) {
const authToken = localStorage.getItem('jwt')
if(authToken) {
request.headers.common['Authorization'] = 'Bearer ' + authToken
}
request.headers.common['Content-Type'] = 'application/json'
return request
})
Vue.axios.interceptors.response.use(response => response, error => {
@ -46,8 +37,6 @@ Vue.axios.interceptors.response.use(response => response, error => {
let routeName = 'genericError'
if ( error.response.status === 401 ) {
localStorage.removeItem('jwt');
localStorage.removeItem('user');
routeName = 'login'
}