(Vue.js) 图标不适用

Question

    <link rel="icon" href="/static/icons/apple-touch-icon.png" type="image/x-icon">
    <link rel="icon" type="image/png" sizes="32x32" href="/static/icons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/static/icons/apple-touch-icon.png">
    <link rel="manifest" href="/static/icons/site.webmanifest">
    <link rel="mask-icon" href="/static/icons/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="theme-color" content="#ffffff">

My sourse

AND

Site link

图标不适用。我该怎么办？

Answer 1

问题是您在图片网址前使用了 /：

使用以下 hrefs，它应该有效。

<link rel="icon" href="static/icons/apple-touch-icon.png" type="image/x-icon">
<link rel="icon" type="image/png" sizes="32x32" href="static/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="static/icons/apple-touch-icon.png">
<link rel="manifest" href="static/icons/site.webmanifest">
<link rel="mask-icon" href="static/icons/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">

(Vue.js) 图标不适用

(Vue.js) Icon does not apply

html

icons

vue.js