refactor: 修改网站图标引用方式，解决打包后没有图标文件的问题

src/assets/js/search-engine.js

@@ -16,6 +16,24 @@ import {
   $message,
 } from './naive-ui';
 
+import icon_baidu from '@/assets/website-icon/baidu.svg';
+import icon_bing from '@/assets/website-icon/bing.svg';
+import icon_sogou from '@/assets/website-icon/sogou.svg';
+import icon_360 from '@/assets/website-icon/360.svg';
+import icon_google from '@/assets/website-icon/google.svg';
+import icon_yandex from '@/assets/website-icon/yandex.svg';
+import icon_netease_music from '@/assets/website-icon/netease_music.svg';
+import icon_acfun from '@/assets/website-icon/acfun.svg';
+import icon_bilibili from '@/assets/website-icon/bilibili.svg';
+import icon_qq_music from '@/assets/website-icon/qq_music.svg';
+import icon_cnblogs from '@/assets/website-icon/cnblogs.svg';
+import icon_csdn from '@/assets/website-icon/csdn.svg';
+import icon_github from '@/assets/website-icon/github.svg';
+import icon_mdn from '@/assets/website-icon/mdn.svg';
+import icon_zcool from '@/assets/website-icon/zcool.svg';
+import icon_iconfont from '@/assets/website-icon/iconfont.svg';
+import icon_zhihu from '@/assets/website-icon/zhihu.svg';
+
 /** 打开搜索结果页面 */
 export function openSearchResult() {
 
@@ -64,42 +82,42 @@ export const searchEngineList = [
         name: '百度',
         desc: 'www.baidu.com',
         url: 'https://www.baidu.com/s?wd=%keyword%',
-        icon: 'baidu.svg',
+        icon: icon_baidu,
         show: true,
       },
       {
         name: '必应',
         desc: 'cn.bing.com',
         url: 'https://cn.bing.com/search?q=%keyword%',
-        icon: 'bing.svg',
+        icon: icon_bing,
         show: true,
       },
       {
         name: '搜狗',
         desc: 'www.sogou.com',
         url: 'https://www.sogou.com/web?query=%keyword%',
-        icon: 'sogou.svg',
+        icon: icon_sogou,
         show: true,
       },
       {
         name: '360',
         desc: 'www.so.com',
         url: 'https://www.so.com/s?q=%keyword%',
-        icon: '360.svg',
+        icon: icon_360,
         show: true,
       },
       {
         name: 'Google',
         desc: 'www.google.com',
         url: 'https://www.google.com/search?q=%keyword%',
-        icon: 'google.svg',
+        icon: icon_google,
         show: true,
       },
       {
         name: 'Yandex',
         desc: 'yandex.com',
         url: 'https://yandex.com/search/?text=%keyword%',
-        icon: 'yandex.svg',
+        icon: icon_yandex,
         show: true,
       }
     ]
@@ -111,28 +129,28 @@ export const searchEngineList = [
         name: '网易云音乐',
         desc: 'music.163.com',
         url: 'https://music.163.com/#/search/m/?s=%keyword%',
-        icon: 'netease_music.svg',
+        icon: icon_netease_music,
         show: true,
       },
       {
         name: 'AcFun',
         desc: 'www.acfun.cn',
         url: 'https://www.acfun.cn/search/?keyword=%keyword%',
-        icon: 'acfun.svg',
+        icon: icon_acfun,
         show: true,
       },
       {
         name: 'bilibili',
         desc: 'search.bilibili.com',
         url: 'https://search.bilibili.com/all?keyword=%keyword%',
-        icon: 'bilibili.svg',
+        icon: icon_bilibili,
         show: true,
       },
       {
         name: 'QQ音乐',
         desc: 'y.qq.com',
         url: 'https://y.qq.com/n/ryqq/search?w=%keyword%',
-        icon: 'qq_music.svg',
+        icon: icon_qq_music,
         show: true,
       }
     ]
@@ -144,28 +162,28 @@ export const searchEngineList = [
         name: '博客园',
         desc: 'zzk.cnblogs.co',
         url: 'https://zzk.cnblogs.com/s?w=%keyword%',
-        icon: 'cnblogs.svg',
+        icon: icon_cnblogs,
         show: true,
       },
       {
         name: 'CSDN',
         desc: 'so.csdn.net',
         url: 'https://so.csdn.net/so/search/all?q=%keyword%',
-        icon: 'csdn.svg',
+        icon: icon_csdn,
         show: true,
       },
       {
         name: 'GitHub',
         desc: 'github.com',
         url: 'https://github.com/search?q=%keyword%',
-        icon: 'github.svg',
+        icon: icon_github,
         show: true,
       },
       {
         name: 'MDN',
         desc: 'developer.mozilla.org',
         url: 'https://developer.mozilla.org/zh-CN/search?q=%keyword%',
-        icon: 'mdn.svg',
+        icon: icon_mdn,
         show: true,
       }
     ]
@@ -177,14 +195,14 @@ export const searchEngineList = [
         name: '站酷',
         desc: 'www.zcool.com.cn',
         url: 'https://www.zcool.com.cn/search/content?word=%keyword%',
-        icon: 'zcool.svg',
+        icon: icon_zcool,
         show: true,
       },
       {
         name: 'Iconfont',
         desc: 'www.iconfont.cn',
         url: 'https://www.iconfont.cn/search/index?searchType=icon&q=%keyword%',
-        icon: 'iconfont.svg',
+        icon: icon_iconfont,
         show: true,
       }
     ]
@@ -196,7 +214,7 @@ export const searchEngineList = [
         name: '知乎',
         desc: 'www.zhihu.com',
         url: 'https://www.zhihu.com/search?type=content&q=%keyword%',
-        icon: 'zhihu.svg',
+        icon: icon_zhihu,
         show: true,
       }
     ]

src/assets/js/utils.js

@@ -4,17 +4,6 @@ import {
   description as appDesc,
 } from '@package-json';
 
-/** 当前模块 URL */
-const META_URL = import.meta.url;
-
-/**
- * @description 获取资源文件 URL
- * @param {string} path 文件相对于 assets 目录的路径
- */
-export function getAssetsUrl(path = '') {
-  return new URL(`../${path}`, META_URL).href;
-}
-
 /**
  * @description 更新页面标题
  * @param {string} title

src/views/SearchView/SearchView.vue

@@ -47,7 +47,7 @@
                 <img
                   class="item-icon"
                   draggable="false"
-                  :src="getAssetsUrl('website-icon/' + engineItem.icon)"
+                  :src="engineItem.icon"
                 />
                 <span class="item-label">{{ engineItem.name }}</span>
                 <span class="item-desc">{{ engineItem.desc }}</span>
@@ -71,10 +71,6 @@ import {
   openSearchResult,
   searchEngineList, searchEngineName, searchKeyword,
 } from '@/assets/js/search-engine';
-
-import {
-  getAssetsUrl,
-} from '@/assets/js/utils';
 </script>
 
 <style lang="less" scoped>