ui-vue3/src/main.ts

/*
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You under the Apache License, Version 2.0
 * (the "License"); you may not use this file except in compliance with
 * the License.  You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
import { createApp, ref } from 'vue'
import Antd from 'ant-design-vue'

import router from './router'
import App from './App.vue'
import 'ant-design-vue/dist/reset.css'
import { i18n } from '@/base/i18n'
import './api/mock/index'
// import './api/mock/mockCluster'
// import './api/mock/mockVersion'

import Vue3ColorPicker from 'vue3-colorpicker'
import 'vue3-colorpicker/style.css'
import 'nprogress/nprogress.css'
// import 'monaco-editor/esm/vs/editor/editor.main.css';

import { PRIMARY_COLOR } from '@/base/constants'
import { useRouter } from 'vue-router'
import _ from 'lodash'
import { getAuthState } from '@/utils/AuthUtil'

const app = createApp(App)

app.use(Antd).use(Vue3ColorPicker).use(i18n).use(router).mount('#app')
// router.beforeEach((to, from, next) => {
//     console.log(to, from)
//     next(to.fullPath)
// })
router.beforeEach((from, to, next) => {
  const authState = getAuthState()
  if (authState?.state || from.path.startsWith('/login')) {
    next()
  } else {
    console.log(222)
    next({ path: `/login?redirect=${to.path}` })
  }
})