[{"data":1,"prerenderedAt":73},["ShallowReactive",2],{"content:\u002Fposts\u002F2024\u002Fnuxt3-get-assets-dir-image-function":3,"surround:\u002Fposts\u002F2024\u002Fnuxt3-get-assets-dir-image-function":61},{"id":4,"title":5,"body":6,"canonical":40,"categories":41,"date":43,"description":40,"draft":44,"extension":45,"image":46,"meta":47,"navigation":48,"path":49,"permalink":40,"readingTime":50,"recommend":40,"references":40,"seo":55,"sitemap":56,"stem":57,"tags":58,"type":40,"updated":43,"__hash__":60},"content\u002Fposts\u002F2024\u002Fnuxt3-get-assets-dir-image-function.md","Nuxt3 获取静态图片公用方法",{"type":7,"value":8,"toc":37},"minimark",[9,16,26,29],[10,11,12],"p",{},[13,14,15],"code",{"code":15},"utils\u002FgetAssetsImage.ts",[17,18,24],"pre",{"className":19,"code":21,"language":22,"meta":23},[20],"language-ts","\u002F\u002F 动态获取图片\nexport function getAssetsImage(src: string | undefined): string {\n    if (!src)\n        return \"\"\n    const assets = import.meta.glob(\"~\u002Fassets\u002Fimage\u002F**\u002F*\", { eager: true, import: \"default\" })\n    return assets[`\u002Fassets\u002Fimage\u002F${src}`] as string\n}\n\nexport function getAssetsIcon(src: string | undefined): string {\n    if (!src)\n        return \"\"\n    const assets = import.meta.glob(\"~\u002Fassets\u002Ficons\u002F**\u002F*\", { eager: true, import: \"default\" })\n    return assets[`\u002Fassets\u002Ficons\u002F${src}`] as string\n}\n","ts","",[13,25,21],{"__ignoreMap":23},[10,27,28],{},"使用",[17,30,35],{"className":31,"code":33,"language":34,"meta":23},[32],"language-html","\u003Cscript setup>\nimport getAssetsImage from \"~\u002Futils\u002FgetAssetsImage\"\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n    \u003Cimg :src=\"getAssetsImage(card.bg)\" alt=\"\">\n\u003C\u002Ftemplate>\n","html",[13,36,33],{"__ignoreMap":23},{"title":23,"searchDepth":38,"depth":38,"links":39},4,[],null,[42],"代码","2024-06-20 21:29:45",false,"md","https:\u002F\u002Fbitmc.uno\u002Fpicgo\u002F679ad7be69f3c-78.webp",{},true,"\u002Fposts\u002F2024\u002Fnuxt3-get-assets-dir-image-function",{"text":51,"minutes":52,"time":53,"words":54},"1 min read",0.375,22500,75,{"title":5,"description":40},{"loc":49},"posts\u002F2024\u002Fnuxt3-get-assets-dir-image-function",[59],"Nuxt","LMHqF2O6QVhEDgkIwEB1eKV83b_UISQKLASSk1ErfS0",[62,67],{"title":63,"path":64,"stem":65,"date":66,"type":40,"children":-1},"Nuxt3 useAsyncData vs useFetch","\u002Fposts\u002F2024\u002Fnuxt3-useasyncdata-vs-usefetch","posts\u002F2024\u002Fnuxt3-useAsyncData-vs-useFetch","2024-06-10 22:15:04",{"title":68,"path":69,"stem":70,"date":71,"type":72,"children":-1},"近况说明","\u002Fposts\u002F2024\u002Frecent-fact-sheet","posts\u002F2024\u002FRecent-fact-sheet","2024-07-14 13:14:55","story",1789642591776]