tubiao

src/api/mix/index.js

@@ -14,3 +14,12 @@ export function ipStat() {
     method: 'get'
   });
 }
+
+// menuIcon
+export function menuIcon(params) {
+  return request({
+    url: '/mix/icon',
+    method: 'get',
+    params:{url:params}
+  });
+}

src/views/console/menu/index.vue

@@ -33,7 +33,11 @@
             <n-input v-model:value="menuValue.menuLink" placeholder="请输入导航链接" />
           </n-form-item-row>
           <n-form-item-row label="导航图标" path="menuIcon">
-            <n-input v-model:value="menuValue.menuIcon" placeholder="请输入导航图标" />
+            <n-input v-model:value="menuValue.menuIcon" placeholder="请输入导航图标" >
+              <template #suffix>
+                <n-button type="primary" size="tiny" @click="getMenuIcon">获取</n-button>
+              </template>
+            </n-input>
           </n-form-item-row>
           <n-form-item-row label="导航描述" path="menuDesc">
             <n-input type="textarea" v-model:value="menuValue.menuDesc" placeholder="请输入导航描述" />
@@ -252,6 +256,19 @@ function createColumns({ edit, remove, view }) {
 function addMenu() {
   mshow.value = true
 }
+
+async function getMenuIcon(){
+  if (menuValue.menuLink == null || !menuValue.menuLink) {
+    $msg.error('请输入导航链接')
+    return
+  }
+  const res = await $http.mix.menuIcon(menuValue.menuLink)
+  console.log(res);
+  
+  menuValue.menuIcon = res.baseUrl+res.data
+}
+
+
 onMounted(async () => {
   getClass()
   getList()

vite.config.js

@@ -29,6 +29,9 @@ export default defineConfig({
     pure: ['console.log'], // 删除 console.log
     drop: ['debugger'], // 删除 debugger
   },
+  define: {
+    __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: 'true'
+  },
   resolve: {
     alias: {
       "@": fileURLToPath(new URL("./src", import.meta.url)),