src/main.ts


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import axios from 'axios'
import * as bootstrap from 'bootstrap'

import 'vue-toast-notification/dist/theme-sugar.css'
import './assets/main.scss'

axios.defaults.baseURL = '/api'
axios.defaults.headers.post['Content-Type'] = 'application/json'

axios.interceptors.request.use(
  (config) => {
    const token = localStorage.getItem('authToken')
    if (token) {
      config.headers['Authorization'] = 'Bearer ' + token
    }
    return config
  },
  (error) => {
    return Promise.reject(error)
  }
)

axios.interceptors.response.use(
  (res) => {
    return res
  },
  async (err) => {
    const originalConfig = err.config

    if ((originalConfig.url !== '/auth/signin' && originalConfig.url !== "/auth/refresh" ) && err.response) {
      if (err.response.status === 401 && !originalConfig._retry) {
        originalConfig._retry = true

        try {
          const rs = await axios.post('/auth/refresh', {
            RefreshToken: localStorage.getItem('refToken')
          })

          localStorage.setItem('authToken', rs.data.auth_token)

          return axios(originalConfig)
        } catch (_error) {
          return Promise.reject(_error)
        }
      }
    }

    if (originalConfig.url === "/auth/refresh" && err.response.status === 401) {
      router.push(`/login?redirect=${router.currentRoute.value.fullPath}&reason=session_expired`)
    }

    return Promise.reject(err)
  }
)

const app = createApp(App)

app.use(router)

app.mount('#app')

// use dark theme if system is in dark mode
// flaky
document.documentElement.setAttribute(
  'data-bs-theme',
  window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
)