添加刷歌, 修改请求代理

.env.development

@@ -0,0 +1,2 @@
+VITE_API=/api
+VITE_API_MT=/mt

.env.production

@@ -0,0 +1,2 @@
+VITE_API=http://123.56.226.179:3000
+VITE_API_MT=http://mt.myalger.top

index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite App</title>
+    <title>网抑云 |　algerkong</title>
     <link
       rel="stylesheet"
       href="//at.alicdn.com/t/font_2685283_5bo4ekd5wh.css"

src/layout/components/SearchBar.vue

@@ -43,6 +43,7 @@ import { getUserDetail, logout } from '@/api/login';
 import { onMounted, ref } from 'vue';
 import { useRouter } from 'vue-router';
 import { useStore } from 'vuex';
+import request from '@/utils/request_mt'
 
 const router = useRouter()
 const store = useStore();
@@ -97,11 +98,19 @@ const search = () => {
 const value = 'Drive My Car'
 const options = [
     {
-        label: 'Girl',
+        label: '打卡',
-        key: 'Girl'
+        key: 'card'
     },
     {
-        label: 'login',
+        label: '听歌升级',
+        key: 'card_music'
+    },
+    {
+        label: '歌曲次数',
+        key: 'listen'
+    },
+    {
+        label: '登录',
         key: 'login'
     },
     {
@@ -110,9 +119,27 @@ const options = [
     }
 ]
 
-const selectItem = (key: any) => {
+const selectItem = async (key: any) => {
     // switch 判断
     switch (key) {
+        case 'card':
+            await request.get('/?do=sign')
+                .then(res => {
+                    console.log(res)
+                })
+            break;
+        case 'card_music':
+            await request.get('/?do=daka')
+                .then(res => {
+                    console.log(res)
+                })
+            break;
+        case 'listen':
+            await request.get('/?do=listen&id=1885175990&time=300')
+                .then(res => {
+                    console.log(res)
+                })
+            break;
         case 'logout':
             logout().then(() => {
                 store.state.user = null

src/utils/request.ts

@@ -1,7 +1,8 @@
 import axios from "axios";
+let baseURL = import.meta.env.VITE_API + "";
 
 const request = axios.create({
-  baseURL: "http://123.56.226.179:3000",
+  baseURL: baseURL,
   timeout: 10000,
 });
 

src/utils/request_mt.ts

@@ -0,0 +1,19 @@
+import axios from "axios";
+let baseURL = import.meta.env.VITE_API_MT + "";
+const request = axios.create({
+  baseURL: baseURL,
+  timeout: 10000,
+});
+
+// 请求拦截器
+request.interceptors.request.use(
+  (config) => {
+    return config;
+  },
+  (error) => {
+    // 当请求异常时做一些处理
+    return Promise.reject(error);
+  }
+);
+
+export default request;

src/views/user/index.vue

@@ -69,9 +69,9 @@ loadPage()
       </div>
     </div>
 
-    <MPop :show-pop="true">
+    <!-- <MPop :show-pop="true">
       <div>aaaaaaaaaaaaaaaaaa</div>
-    </MPop>
+    </MPop> -->
   </div>
 </template>
 

vite.config.ts

@@ -10,4 +10,21 @@ export default defineConfig({
       "@": path.resolve(__dirname, "src"),
     },
   },
+  server: {
+    host: "0.0.0.0", //允许本机
+    proxy: {
+      // string shorthand
+      "/mt": {
+        target: "http://mt.myalger.top",
+        changeOrigin: true,
+        rewrite: (path) => path.replace(/^\/mt/, ""),
+      },
+      // with options
+      "/api": {
+        target: "http://123.56.226.179:3000",
+        changeOrigin: true,
+        rewrite: (path) => path.replace(/^\/api/, ""),
+      },
+    },
+  },
 });