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'));

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

相关文章
|
3月前
|
数据采集 资源调度 JavaScript
Node.js 适合做什么项目?
【8月更文挑战第4天】Node.js 适合做什么项目?
212 5
|
4月前
|
开发框架 JavaScript 测试技术
nodejs使用eggjs创建项目,接入influxdb完成单表增删改查
nodejs使用eggjs创建项目,接入influxdb完成单表增删改查
83 0
|
4月前
|
JavaScript 关系型数据库 MySQL
创建nodejs项目并接入mysql,完成用户相关的增删改查的详细操作
创建nodejs项目并接入mysql,完成用户相关的增删改查的详细操作
66 0
|
29天前
|
SQL JavaScript 关系型数据库
node博客小项目:接口开发、连接mysql数据库
【10月更文挑战第14天】node博客小项目:接口开发、连接mysql数据库
|
5月前
|
人工智能 JavaScript 前端开发
计算机node项目|nodejs网上书城设计与实现
计算机node项目|nodejs网上书城设计与实现
188 2
|
1月前
|
JavaScript Linux 网络安全
VS Code远程调试Nodejs项目
VS Code远程调试Nodejs项目
|
2月前
|
JavaScript 应用服务中间件 Linux
宝塔面板部署Vue项目、服务端Node___配置域名
本文介绍了如何使用宝塔面板在阿里云服务器上部署Vue项目和Node服务端项目,并配置域名。文章详细解释了安装宝塔面板、上传项目文件、使用pm2启动Node项目、Vue项目打包上传、以及通过Nginx配置域名和反向代理的步骤。
527 0
宝塔面板部署Vue项目、服务端Node___配置域名
|
2月前
|
JavaScript Linux 开发工具
如何将nodejs项目程序部署到阿里云服务器上
该文章详细描述了将Node.js项目部署到阿里云服务器的步骤,包括服务器环境配置、项目上传及使用PM2进行服务管理的过程。
|
3月前
|
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可能遇到的版本冲突问题
|
3月前
|
数据采集 资源调度 JavaScript
Node.js 适合做高并发、I/O密集型项目、轻量级实时应用、前端构建工具、命令行工具以及网络爬虫和数据处理等项目
【8月更文挑战第4天】Node.js 适合做高并发、I/O密集型项目、轻量级实时应用、前端构建工具、命令行工具以及网络爬虫和数据处理等项目
58 5