vue项目打包后浏览器ico图标不显示

最新推荐文章于 2024-05-18 16:12:51 发布

pickmi

最新推荐文章于 2024-05-18 16:12:51 发布

阅读量2.4k

点赞数

本文链接：https://blog.csdn.net/myworstexpe/article/details/105734948

版权

vue项目打包后ico图标消失

公司的vue项目
还有index.html文件中head加上：href直接用网络地址，如果用相对路径容易出错。

 <link rel="shortcut icon" type="image/x-icon" href="http://h9.zuohaotu.com/Download/042416204395_0%E7%AB%96.ico">

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

pickmi

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

vue小图标favicon不显示的解决方案

08-29

本篇文章主要介绍了vue小图标favicon不显示的解决方案，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

给vue项目添加favicon.ico图标

格の调

03-08

2240

效果如下：操作步骤： 1、本地环境下的favicon.ico配置：如上图的截图，如果本地环境不需要可不配置，但是配置完需要重新执行 npm run dev，如果执行此命令报错，说明下图所示的favicon地址配置不正确。 2、线上项目的favicon.ico配置：配置完毕后重新执行：npm run build，重新打包。在浏览器运行dist>index.html文件，即可看到效果。 ...

参与评论您还未登录，请先登录后发表或查看评论

【已解决】vue项目地址栏的图标不显示

小鱼干儿的博客

06-11

1894

地址栏的图标不显示解决方法：解决方法：图片的格式生成为.ico,利用Windows自带的画图，16*16的大小，选择另存为bmp文件，把后缀改成.ico 依然不显示。在vue的项目中，图标一类的静态文件应该放在static文件夹中，不能放在src 中，网页把根域名作为相对路径的根目录了，然而我们文件的路径是相对于项目文件的根目录的，因此就找不到了。而static文件夹下的文件（夹）会按照原本的结构放在网站根目录下。这时我们再去使用/static绝对路径，这样就可以访问这些静态文件了。成功解决不显示

解决Vue项目打包成dist放在Django中浏览器图标失效、页面跳转路由失效问题

sinat_37864181的博客

03-16

1457

自定义标题

解决Vue打包后访问图片/图标不显示的问题

10-16

主要介绍了解决Vue打包后访问图片/图标不显示的问题，本文给大家介绍的非常详细，具有一定的参考解决价值,需要的朋友可以参考下

vue项目打包后，favorite.icon不见了

xiejunna的博客

03-26

1414

问题描述：本地开发环境测试时，favorite.icon正常显示，部署其它环境，vue前端项目打包（npm run build）后，favorite.icon不显示了，成了一个这样的标识，控制台打印了Failed to load resource: the server responded with a status of 404 (Not Found) favorite.ico:1 查看vue构建后index.html，里面引用见下图解决: npm run build 后，把favicon.ico放

Vue打包完以后element的icon图标找不到

来瓶小白干Oo的博客

04-15

838

问题展示如图解决方法在build文件夹中下util.js，加入publicPath: '…/…/'即可解决 if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath: '../../', }) } else { return ['vue

vue项目打包后，浏览器上显示的页面标题前图标不显示，打包之后丢失ico图标丢失

weixin_43185419的博客

10-22

2490

问题描述： vue项目本地运行时，页面标题前的图标可以正常显示：打包之后却变成了：原因分析：图标丢失打包后路径错误解决方式：图标丢失打开打包文件：可以看到图标还在，所以排除。打包后路径错误打开index文件，查看在当前文件夹下，路径指向的位置是不是错了。比如我这里icon和index.html是放在一块的，路径写成了 <link rel="icon" href="../test.ico"> 指向根目录，打包后放在服务器下运行位置就不对了。改成：

Vue.js - Vue 2.0 项目 favicon.ico 不显示解决方案

陆氪和他的那些代码

08-12

1681

1、最好把 favicon.ico 放到 index.html 放到同一目录 2、在 webpack 配置文件里面配置 // 在 webpack.dev.conf.js 里面的 plugins 配置 new HtmlWebpackPlugin({ filename: 'index.html', template: 'index.html', inject: tr......

解决Vue 项目打包后favicon无法正常显示的问题

12-07

然而，在使用Vue.js框架构建项目时，可能会遇到打包后favicon图标无法正常显示的问题。这个问题通常与资源路径配置有关，尤其是在使用本地图片作为favicon时。下面将详细探讨问题的根源，以及提供一种可行的解决方案...

vue项目打包打包运行报错以及Element UI字体图标不显示问题解决详细过程

格の调

03-08

3596

vue项目本地开发完成后要部署上限，需要先把项目打包，打包步骤我经过试错，总结出简单3步完成。项目有更新情况打包：非首次打包可直接：npm run build 即项目前期已经配置好，并经打包部署过运行没有什么问题，后期局部修改后重新打包，可直接运行以上命令进行打包。项目初次打包部署项目初次打包部署或打包后运行有问题，需进行以下三步操作：第1,2步中修改的2处文件位置： 1.config>index.js 文件里面的dev是开发环境，build是打包部署运行的版本。找到build

Vite 打包的 Vue3 组件库，图标无法显示

最新发布

**My Coding Family**

05-18

1149

ok，以上就是我这期的Bug修复内容啦，如果还想查找更多解决方案，你可以看看我专门收集Bug及提供解决方案的专栏「Bug调优」，都是实战中碰到的Bug，希望对你有所帮助。到此，咱们下期拜拜。码字不易，如果这篇文章对你有所帮助，帮忙给bugj菌来个，您的支持就是我坚持写作分享知识点传播技术的最大动力。「猿圈奇妙屋」；

vue 使用element-ui打包后所有icon不显示，或者显示方块

lovewangyage的博客

02-19

1392

vue 使用element-ui打包后所有icon不显示，或者显示方块

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

weixin_43779406的博客

01-15

892

打包之前的部分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-scalabl.

关于link标签,引入图标走过的坑---link引入图标不显示

很馋的虫子

07-03

1万+

最近在做一个公司官网项目,用link标签引入ico图标。然后很奇葩的事情发生了，，，，，在测试的时候本地测试图标能够正常显示，放到服务器上后。所有页面图标都不显示，但是单独拿出来图标路径是可以显示的，也就是路径没错。清除浏览器缓存也没效果。代码是这样的： <link rel="shortcut icon" href="__TMPL__/public/images/picture...

浏览器不显示favicon.ico怎么办？

西门吹雪

02-26

3429

原因1：连接文件的路径不对如上图路径的话href连接路径应该写成：href="/img/favicon.ico" ，具体如下： <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon"/> 这其中的href路径连接错误是无法显示图片的，错误描述如下假如我的路径写成这样： <link rel=...

解决网页ICON图标无法显示的问题