vue打包之后浏览器图标设置直接没有输出，vue打包之后浏览器图标不显示

打包之前的部分index.html


<!DOCTYPE html>
<html lang="zh-CN">
<head><title>xxxx</title><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"><-- 可以看到有设置浏览器图标 --><link rel="icon" href="<%= BASE_URL %>favicon.ico" type="image/x-icon" /> <link rel="stylesheet" name="theme" href="">
</head>
</html>

打包之后的部分index.html，可以看到打包之后并没有输出设置浏览器图标的那行代码

<!DOCTYPE html>
<html lang="zh-CN">
<head><title>xxxx</title><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"><link rel="stylesheet" name="theme" href=""><-- 打包之后并没有设置浏览器图标的代码 -->
</head>
</html>

检查发现，是模板中的 ejs 文件没有设置,加一行代码，路径根据自己项目编写即可

<link rel="icon" href="xxxxx" type="image/x-icon" />

然后再重新打包，可以看到打包之后的输出中有设置浏览器图标的代码，放在服务器可以正确显示图标
如果图标在 network 中加载了，但是查看之后发现是走了接口，显示 token 无效之类的，可以让后端设置 jwt，过滤掉图标

vue打包之后浏览器图标设置直接没有输出，vue打包之后浏览器图标不显示相关推荐

手机qq浏览器怎么设置上下翻页按钮手机qq浏览器设置上下翻页按钮的方法
1.打开qq浏览器,点击右下角"我的". 手机qq浏览器怎么设置上下翻页按钮?手机qq浏览器设置上下翻页按钮的方法[多图] 2.点击右上角设置图标. 手机qq浏览器怎么设置上下翻页 ...
火狐浏览器如何设置启动页面
火狐浏览器如何设置启动页面?打开火狐浏览器的时候,默认都是跳转到火狐首页的,如果你想换成自己理想的页面,可以对火狐浏览器进行设置.下面我们一起来看看火狐浏览器设置启动时页面的操作方法. 方法/步骤: ...
Safari浏览器怎么设置代理
Safari浏览器是苹果电脑上的一款软件,在mac上,我们会需要在代理上网,那么苹果mac系统里的Safari浏览器怎么设置代理上网呢?下面就来看看具体方法吧. 第一步当然是打开Safari浏览器啦, ...
android浏览器有桌面模式么,手机浏览器添加到主屏幕(桌面)的图标设置以及WebApp模式...
手机浏览器添加到主屏幕(桌面)的图标设置以及WebApp模式作者:unclealan • 2017年05月12日 http://www.unclealan.cn/index.php/front/73 ...
qml 应用程序图标设置和打包——qml
前言之前用qml开发ios,打包和设置图标的方式与桌面端开发不太一样,所以在这里记录一下. 设置图标设置窗口图标比较简单,和QtWidgets开发设置窗口图标一样,当然,我在QtWidgets开发 ...
使用Inno Setup 6将exe文件打包成压缩包并设置压缩后自动生成桌面图标
文章目录前言一.下载Inno Setup 6 二.安装步骤 1.安装Inno Setup 6并打开 2.进入制作页面 3.进行安装总结前言本文讲述了通过Inno Setup 6进行打包安装, ...
【vue】html页面怎么设置页签图标？比如B站是个小电视的图标的效果
文章目录 html页面怎么设置页签图标?比如B站是个小电视的图标的效果页签图标是什么? 如何设置页签图标? 实现效果展示: 页签图标去哪找好看的? html页面怎么设置页签图标?比如B站是个小电视的 ...
vue项目运行自动打开浏览器,默认设置为google浏览器的方法
vue项目运行自动打开浏览器,默认设置为google浏览器. 设置方法就是把google浏览器设置为电脑默认浏览器,具体如下:
php网站添加手机桌面,手机浏览器添加到主屏幕(桌面)的图标设置以及WebApp模式...
在手机浏览器上打开某个网站的时候,菜单中有这么一个选项"添加到主屏幕",当然不同的手机改菜单选项的名字有所不同基本上叫"添加到桌面"."添加到桌面导航 ...

vue打包之后浏览器图标设置直接没有输出，vue打包之后浏览器图标不显示

vue打包之后浏览器图标设置直接没有输出，vue打包之后浏览器图标不显示相关推荐

最新文章

热门文章