Nodejs项目网页图标的处理

简介: 今天,我要说的是Nodejs中,关于网页图标的处理。在讲解怎么处理之前,我们的了解一下什么是网页图标。网页图标就是我们网页打开之后,标签页的图标,比如下面这个前面的小人就是我们博客园的网页图标。而我们的项目在没有处理这个图标的时候,会在请求图标的时候报404的错误,虽然这不影响我们项目的运行,但看着碍眼,而且你难道不想让你的项目看起来更美观一些么?那么就动起手来吧。

今天,我要说的是Nodejs中,关于网页图标的处理。
在讲解怎么处理之前,我们的了解一下什么是网页图标。网页图标就是我们网页打开之后,标签页的图标,比如下面这个
img_b07e737ff0046acbab1fbbffd8123c2d.png

前面的小人就是我们博客园的网页图标。
而我们的项目在没有处理这个图标的时候,会在请求图标的时候报404的错误,虽然这不影响我们项目的运行,但看着碍眼,而且你难道不想让你的项目看起来更美观一些么?那么就动起手来吧。

一.生成ico图片

这里先推荐一个网站,http://www.faviconico.org/,操作方法很简单,不赘述了

二.引入serve-favicon

首先申明,我的项目是基于express的。

//加载收藏图标模块
const favicon = require('serve-favicon')
app.use(favicon(__dirname + '/public/imgs/favicon.ico'));

简简单单两行代码就能搞定,需要注意的是后面的路径要是自己的。
然后,别忘了清空一下历史,重新运行项目哦,不然的话你怎么也看不到效果的。
怎么样,小小的改动就能使你的项目高大上起来,还等什么呢?

相关文章
|
1月前
|
数据采集 资源调度 JavaScript
Node.js 适合做什么项目?
【8月更文挑战第4天】Node.js 适合做什么项目?
93 5
|
2月前
|
开发框架 JavaScript 测试技术
nodejs使用eggjs创建项目,接入influxdb完成单表增删改查
nodejs使用eggjs创建项目,接入influxdb完成单表增删改查
62 0
|
2月前
|
JavaScript 关系型数据库 MySQL
创建nodejs项目并接入mysql,完成用户相关的增删改查的详细操作
创建nodejs项目并接入mysql,完成用户相关的增删改查的详细操作
45 0
|
3月前
|
人工智能 JavaScript 前端开发
计算机node项目|nodejs网上书城设计与实现
计算机node项目|nodejs网上书城设计与实现
176 2
|
1月前
|
JavaScript
成功解决node、node-sass和sass-loader版本冲突问题、不需要降低node版本。如何在vue项目中安装node-sass,以及安装node-sass可能遇到的版本冲突问题
这篇文章介绍了在Vue项目中安装node-sass和sass-loader时遇到的版本冲突问题,并提供了解决这些问题的方法,包括在不降低node版本的情况下成功安装node-sass。
成功解决node、node-sass和sass-loader版本冲突问题、不需要降低node版本。如何在vue项目中安装node-sass,以及安装node-sass可能遇到的版本冲突问题
|
1月前
|
数据采集 资源调度 JavaScript
Node.js 适合做高并发、I/O密集型项目、轻量级实时应用、前端构建工具、命令行工具以及网络爬虫和数据处理等项目
【8月更文挑战第4天】Node.js 适合做高并发、I/O密集型项目、轻量级实时应用、前端构建工具、命令行工具以及网络爬虫和数据处理等项目
37 5
|
28天前
|
JavaScript Java Python
【Azure 应用服务】在Azure App Service for Windows 中部署Java/NodeJS/Python项目时,web.config的配置模板内容
【Azure 应用服务】在Azure App Service for Windows 中部署Java/NodeJS/Python项目时,web.config的配置模板内容
|
2月前
|
JavaScript Windows
安装node.js与webpack创建vue2项目
安装node.js与webpack创建vue2项目
24 1
|
2月前
|
JavaScript IDE 开发工具
vue3【2024版】开发环境搭建(含官网和nvm下载切换最新版node,修改node下载源,创建项目,启动项目,安装vscode插件Vue - Official)
vue3【2024版】开发环境搭建(含官网和nvm下载切换最新版node,修改node下载源,创建项目,启动项目,安装vscode插件Vue - Official)
141 3
|
3月前
|
敏捷开发 缓存 测试技术
阿里云云效产品使用问题之构建Vue3项目,怎么让node_modules缓存下来
云效作为一款全面覆盖研发全生命周期管理的云端效能平台,致力于帮助企业实现高效协同、敏捷研发和持续交付。本合集收集整理了用户在使用云效过程中遇到的常见问题,问题涉及项目创建与管理、需求规划与迭代、代码托管与版本控制、自动化测试、持续集成与发布等方面。