测试2

src/api/byte.js

@@ -1,7 +1,7 @@
 import request from '@/utils/request.js'
 
 export const sendByteInterface = (context) => {
-    return request.get('', {
+    return request.get('/api/test', {
         params: {
             byte: context
         }

src/utils/request.js

@@ -1,8 +1,8 @@
 import axios from "axios";
 
 const instance = axios.create({
-  baseURL: '',
-  timeout: 1000,
+  baseURL: 'http://localhost:5000',
+  timeout: 10000,
   // headers: {'X-Custom-Header': 'foobar'}
 });
 

src/views/layoutPage.vue

@@ -77,7 +77,15 @@
       </el-menu>
     </el-aside>
     <el-container>
-      <el-header>Header</el-header>
+      <el-header>
+        <el-select
+            style="width: 150px"
+            placeholder="选择客户端"
+          >
+          <el-option v-for="item in 3" :key="item" :label="'客户端'"></el-option>
+
+        </el-select>
+      </el-header>
       <el-main>
         <router-view></router-view>
       </el-main>
@@ -106,6 +114,12 @@
 
   }
 
+  .el-header {
+    border-bottom: 1px solid #777;
+    height: 50px;
+    line-height: 50px;
+  }
+
 
 }
 

src/views/toolBox/bytePage.vue

@@ -14,7 +14,8 @@ const rules = {
 const byteForm = ref(null)
 const sendByte = async () => {
   await byteForm.value.validate()
-  console.log(form.value)
+  const res = await sendByteInterface(form.value.context)
+  console.log(res.data)
 }
 </script>
 

src/views/toolBox/testPage.vue

@@ -3,7 +3,9 @@
 </script>
 
 <template>
-测试
+  <el-button>进阶1，吧武器放进槽位</el-button>
+  <el-button>取一个在背包一号格子的进阶石进阶</el-button>
+  <el-button>进阶</el-button>
 </template>
 
 <style scoped>