feat: 管理后台统一至vite

packages/admin/src/App.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <router-view />
+  </div>
+</template>

packages/admin/src/main.ts

@@ -7,7 +7,7 @@ import Element from 'element-plus'
 import 'element-plus/dist/index.css'
 import 'font-awesome/scss/font-awesome.scss'
 import VueFetch from 'vue-fetch'
-import App from './pages/index.vue'
+import App from './App.vue'
 import router from './router'
 
 export const app = createApp(App)

packages/admin/src/pages/login.vue

@@ -36,8 +36,11 @@
   </div>
 </template>
 
-<script>
-export default {
+<script lang="ts">
+import {ElMessageBox} from 'element-plus'
+import {defineComponent} from 'vue'
+
+export default defineComponent({
   name: 'FreyjaAdminLogin',
   data() {
     return {
@@ -54,16 +57,15 @@ export default {
         this.loginForm,
       )
       if (res.status === 200) {
-        location.href = '/admin/home'
+        await this.$router.push({name: 'dashboard'})
       } else {
-        this.$message({
-          message: '用户名或密码错误',
+        await ElMessageBox.alert('用户名或密码错误', 'Freyja', {
           type: 'error',
         })
       }
     },
   },
-}
+})
 </script>
 
 <style lang="scss" scoped>

packages/admin/src/router.ts

@@ -3,9 +3,9 @@
  */
 
 'use strict'
-import {createRouter, createWebHistory} from 'vue-router'
+import {createRouter, createWebHistory, RouteRecordRaw} from 'vue-router'
 
-const routes = [
+const AdminRoutes: RouteRecordRaw[] = [
   {
     path: '/home',
     component: import('./pages/dashboard.vue'),
@@ -63,6 +63,19 @@ const routes = [
   },
 ]
 
+const routes: RouteRecordRaw[] = [
+  {
+    path: '/',
+    redirect: '/home',
+    component: import('./pages/index.vue'),
+    children: AdminRoutes,
+  },
+  {
+    path: '/login',
+    component: import('./pages/login.vue'),
+  },
+]
+
 export default createRouter({
   history: createWebHistory('/admin'),
   routes,

packages/admin/vite.config.ts

@@ -12,4 +12,5 @@ export default defineConfig({
       '@': fileURLToPath(new URL('./src', import.meta.url)),
     },
   },
+  base: '/admin/',
 })

src/script/build.ts

@@ -6,7 +6,6 @@
 
 import ora from 'ora'
 import webpack from 'webpack'
-import webpackAdminConfig from '../webpack/webpack.admin'
 import webpackClientConfig from '../webpack/webpack.conf'
 import webpackServerConfig from '../webpack/webpack.server'
 
@@ -19,7 +18,7 @@ console.log('  Tip:\n'
 const spinner = ora('building for production...')
 spinner.start()
 
-webpack([webpackClientConfig, webpackServerConfig, webpackAdminConfig], (err, stats) => {
+webpack([webpackClientConfig, webpackServerConfig], (err, stats) => {
   spinner.stop()
   if (err) {
     console.log(err)

src/setup-dev-server.ts

@@ -5,14 +5,13 @@ import {App} from 'vue'
 export async function setupDevServer(app: Application): Promise<(args: unknown) => Promise<App>> {
   const wdm = require('webpack-dev-middleware')
   const webpack: typeof import('webpack') = require('webpack')
-  const [clientConfig, adminConfig, serverConfig] = await Promise.all([
+  const [clientConfig, serverConfig] = await Promise.all([
     import('./webpack/webpack.conf').then((m) => m.default),
-    import('./webpack/webpack.admin').then((m) => m.default),
     import('./webpack/webpack.server').then((m) => m.default),
   ])
 
   return new Promise((resolve, reject) => {
-    const clientCompiler = webpack([clientConfig, adminConfig])
+    const clientCompiler = webpack([clientConfig])
     const devMiddleware = wdm(clientCompiler, {
       publicPath: clientConfig.output?.publicPath,
       serverSideRender: true,