@eloy-silva images is a folder you have created so is not in the webpack aliases. You can resolve this by doing the following: 1) use relative path, or 2) in build section of quasar.conf.js:
chainWebpack (chain) {
chain.resolve.alias.merge({
images: path.resolve(__dirname, './src/images')
})
}
My suggestion is to not do your own formatting as the file is generated - leave as-is
I think Icon Genie uses the persistentConf api. On the first image, you formatted it? Pretty sure quasar app writes it with JSON.stringify(extensions-conf,null,2)
https://github.com/quasarframework/quasar-ui-qcalendar/releases/tag/v1.5.3
https://github.com/quasarframework/quasar-ui-qcalendar/releases/tag/v1.5.2
Happy Birthday QCalendar! After months of development, QCalendar was released April 4th, 2019
https://github.com/quasarframework/quasar-ui-qiconpicker/releases/tag/v1.1.4
This is my axios boot file:
export default ({ router, store, Vue }) => {
const baseURL = getbaseURL()
const instance = axios.create({
baseURL: baseURL
})
store.commit('http/axios', instance)
store.commit('http/baseUrl', baseURL)
Vue.prototype.$axios = instance
instance.interceptors.response.use(function (response) {
return response
}, function (error) {
if (error.response && error.response.status === 401) {
// not authorized, redirect to login page
router.app.$root.$emit('auth:token-expired')
}
return Promise.reject(error)
})
}
Then, I also keep track with Vuex. This is a mutation after login:
import JWT from 'jwt-client'
export const logout = (state) => {
// reset saved token
state.token = null
// remove token from local storage
JWT.forget()
}
export const setToken = (state, { token, axios }) => {
// all is good, validate the token
if (JWT.validate(token)) {
// keep token in localstorage
JWT.keep(token)
// update axios
axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'
if (token) {
axios.defaults.headers.common['X-Access-Token'] = token
}
else {
axios.defaults.headers.common['X-Access-Token'] = ''
}
// console.log('token updated')
}
else {
console.error('JWT failed to validate token')
token = null
}
// console.log('old token:', state.token)
state.token = token
// console.log('new token:', state.token)
return state.token
}
in router/index.js I added this function:
function isValidLoggedIn () {
let updatedToken = false
let isLoggedIn = store.getters['auth/isLoggedIn']
if (!isLoggedIn) {
// see if there is a token in localstorage
let token = JWT.get()
if (token) {
// check if expired
if (tokenHelper.isExpired(token)) {
console.error('Token expiredFor:', tokenHelper.expiredFor(token))
token = null
}
else {
updatedToken = true
}
}
store.commit('auth/setToken', { token, axios: store.getters['http/axios'] })
// re-get logged in status
isLoggedIn = store.getters['auth/isLoggedIn']
if (updatedToken && isLoggedIn) {
store._vm.$emit('auth:logged-in')
}
}
return isLoggedIn
}
then used in the router’s beforeEach:
let allowedToEnter = true
to.matched.some((record) => {
// check if there is meta data
const isLoggedIn = isValidLoggedIn()
if (!isLoggedIn && record.name === 'home') {
next({
path: '/sign-in',
replace: true
})
return
}
if ('meta' in record) {
// ------------------------------------------------------------
// check if user needs to be logged in to access this page
if ('requiresAuth' in record.meta) {
if (record.meta.requiresAuth) {
// console.log('Page requires auth:', to, from)
// this route requires auth, check if user is logged in
// if not, redirect to login page.
if (!isLoggedIn) {
// User is not logged in, redirect to signin page
allowedToEnter = false
next({
path: '/sign-in',
replace: true,
// redirect back to original path when done signing in
query: { redirect: to.fullPath }
})
}
}
}
// ------------------------------------------------------------
// check if user has correct permissions to access this page
if (allowedToEnter && 'permissions' in record.meta) {
let canProceed = false
const permissions = record.meta.permissions
// get currently logged in user permissions
const token = store.getters['auth/token']
// decipher the token
const session = JWT.read(token)
// check if they are not an admin (administrator)
if (session.claim.permissions.administrator) {
canProceed = true
}
else {
for (let index = 0; index < permissions.length; ++index) {
const permission = permissions[index]
// console.log('Permission needed:', permission)
if (permission === 'administrator') {
if (session.claim.permissions.administrator) {
canProceed = true
}
}
else if (permission === 'liveview') {
if (session.claim.permissions.liveview) {
canProceed = true
}
...
if (!canProceed) {
allowedToEnter = false
// redirect to not-authorized page
next({
path: '/not-authorized',
replace: true
})
}
}
}
})
if (allowedToEnter) {
// go to the requested page
next()
}
})
Hope this helps
https://github.com/quasarframework/quasar-ui-qmediaplayer/releases/tag/v1.0.21
https://github.com/quasarframework/quasar-ui-qmediaplayer/releases/tag/v1.0.20
https://github.com/quasarframework/quasar-ui-qmediaplayer/releases/tag/v1.0.19