vue3通用模板使用unocss代替tailwindcss及增加pinia和vite-plugin-pages插件

Author: jry

front-end/uiadmin-vue/package.json

@@ -12,6 +12,7 @@
     "@codemirror/lang-html": "^0.20.0",
     "@codemirror/lang-javascript": "^0.20.0",
     "@codemirror/theme-one-dark": "^0.20.0",
+    "@element-plus/icons-vue": "^2.3.1",
     "axios": "^0.27.2",
     "element-plus": "^2.7.0",
     "vue": "^3.4.0",

front-end/uiadmin-vue/src/libs/util.js

@@ -20,7 +20,7 @@ let vue = {
 import request from './request.js';
 util.request = request.request;
 
-import {router} from '../router';
+import router from '../router';
 
 // 注销登录
 util.logout = function() {

front-end/uiadmin-vue/src/main.ts

@@ -11,7 +11,7 @@ import { createApp } from 'vue'
 import App from './App.vue'
 import './index.css'
 import 'virtual:uno.css'
-import router from './plugins/router';
+import router from './router';
 import ElementPlus from 'element-plus'
 import zhCn from 'element-plus/es/locale/lang/zh-cn'
 import 'element-plus/dist/index.css'  //引入element-plus样式

front-end/uiadmin-vue/src/plugins/axios.ts

@@ -11,7 +11,7 @@
 import qs from 'qs';
 import axios from "axios";
 import base from '../libs/base';
-import {router} from '../router';
+import router from '../router';
 
 // 配置参考:  https://github.com/axios/axios#request-config
 // axios.defaults.headers.common['CloudId'] = '0';  // 云应用ID

front-end/uiadmin-vue/src/plugins/router.ts

@@ -1,43 +1,9 @@
-/**
- * +----------------------------------------------------------------------
- * | uiadmin [ 渐进式快速开发接口后台 ]
- * +----------------------------------------------------------------------
- * | Copyright (c) 2018-2022 http://uiadmin.jiangruyi.com All rights reserved.
- * +----------------------------------------------------------------------
- * | Author: jry <[email protected]>
- * +----------------------------------------------------------------------
-*/
-
-import {createRouter,createWebHistory,createWebHashHistory} from 'vue-router';
-
-const routes = [
-    {
-        path: '/base',
-        component: () => import('@/pages/base.vue'),
-        children: [
-            {
-                path: '/',
-                component: () => import('@/pages/home.vue')
-            },
-            {
-                path: '/user/login',
-                component: () => import('@/pages/user/login.vue')
-            },
-            {
-                path: '/user/register',
-                component: () => import('@/pages/user/register.vue')
-            }
-        ]
-    },
-]
-
+import { createRouter, createWebHistory } from 'vue-router';
+import routes from '~pages';
+ 
 const router = createRouter({
-    // 4. 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
-    history: createWebHashHistory(),
-    routes, // `routes: routes` 的缩写
-})
-
-export {
-    router,
-    createRouter
-}
+  history: createWebHistory(),
+  routes,
+});
+ 
+export default router;