Фавикон не отображается в VueJS - PullRequest
Новая
       59

Фавикон не отображается в VueJS

1 голос
/ 11 июля 2020

Я кодирую с использованием технологии Vue JS и пытаюсь загрузить значок, но он не отображается. Я попытался найти другую документацию по этому поводу, но не нашел. Я новичок в этой технологии, надеюсь, кому-нибудь поможет. Спасибо!

Вот мой код в HTML: 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="icon" href="favicon.ico" />
<title>Hello World</title>
</head>
<body>

<noscript>
  <strong>
   We're sorry but codesandbox doesn't work properly without 
   JavaScript enabled. Please enable it to continue.
 </strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->

Пожалуйста, проверьте прикрепленное изображение, там тоже есть код.

1 Ответ

1 голос
/ 11 июля 2020

В Vuejs ваш favicon.ico должен находиться либо в publi c, либо в папке с ресурсами.

Чтобы получить доступ к изображениям из папки ресурсов в vue, нужно сделать: src = "require ('@ / assets / images / favicon.ico')"

Чтобы получить доступ к изображениям из папки publi c в vue, нужно сделать: src = "./ static / images / favicon.ico"

Надеюсь, это поможет !!

...