更新

src/.env.development

@@ -3,5 +3,5 @@ ENV = 'development'
 
 # base api
 
-VUE_APP_BASE_API = 'http://192.168.3.44:8981'
+VITE_APP_BASE_API = 'http://192.168.3.44:8981'
 

src/components/managementStaff/managementStaff.vue

+<template>
+  <div class="hello">
+    <div>员工管理</div>
+  </div>
+</template>
+
+<script lang="ts">
+
+</script>
+
+<style scoped lang="scss">
+.hello>div:nth-child(1){
+  font-size: 50px;
+}
+</style>

src/components/package/package.vue

+<template>
+  <div class="hello">
+    <div>打包平台</div>
+  </div>
+</template>
+
+<script lang="ts">
+
+</script>
+
+<style scoped lang="scss">
+.hello>div:nth-child(1){
+  font-size: 50px;
+}
+</style>

src/components/queryFlow/queryFlow.vue

+<template>
+  <div class="hello">
+    <div>流量查询</div>
+  </div>
+</template>
+
+<script lang="ts">
+
+</script>
+
+<style scoped lang="scss">
+.hello>div:nth-child(1){
+  font-size: 50px;
+}
+</style>

src/login/index.vue

@@ -9,10 +9,10 @@
           <svg-icon icon-class="user" />
         </span>
         <el-input
-          ref="username"
-          v-model="loginForm.username"
+          ref="login"
+          v-model="loginForm.login"
           placeholder="请输入用户名"
-          name="username"
+          name="login"
           type="text"
           tabindex="1"
           auto-complete="on"
@@ -66,12 +66,11 @@ export default {
     }
     return {
       loginForm: {
-        username: '',
-        subDomain: '',
+        login: '',
         password: ''
       },
       loginRules: {
-        username: [{ required: true, trigger: 'blur', validator: validateUsername }],
+        login: [{ required: true, trigger: 'blur', validator: validateUsername }],
         password: [{ required: true, trigger: 'blur', validator: validatePassword }]
       },
       loading: false,
@@ -107,11 +106,7 @@ export default {
       })
     },
     handleLogin() {
-      var loginfrom = {
-        login:"shi.jiuyan@163.com",
-        password:'654321'
-      }
-      api.login(loginfrom).then(res=>{
+      api.login(this.loginForm).then(res=>{
         console.log(res);
       })
     },

src/main.ts

@@ -6,6 +6,10 @@ import router from './router'
 import store from './store'
 
 const app = createApp(App)
+app.config.warnHandler = (msg, vm, trace) => {
+    console.log(msg, trace)
+}
+  
 app.use(store)
 app.use(router)
 app.use(ElementPlus)

src/views/AboutView.vue

-<template>
-  <div class="about">
-    
-  </div>
-</template>

src/views/HomeView.vue

@@ -38,7 +38,8 @@ import {
   HomeFilled,
   Tools,
 } from '@element-plus/icons-vue'
-import welcome from '../components/welcome.vue'
+import welcome from '../components/welcome/welcome.vue'
+
 comments:{
   welcome
 }