After router push, Safari browser Favicon not Showing in Vue

Favicon disappear after page router push in vuejs.

It is imported in separated layout.

This favicon is placed on the head tag Like :

<head> 
  <link rel="shortcut icon" type="image/x-icon" href="~/testIcon.ico">
  <link rel="apple-touch-icon" href="~/testIcon.ico">
</head>

This happens only IOS Safari Browser.

So, in short, - how do i resolve favicon in safari? or Dose it IOS Safari bug?

Please, help me...

How many English words
do you know?
Test your English vocabulary size, and measure
how many words do you know
Online Test
Powered by Examplum