访问node express中的static静态文件方法

最新推荐文章于 2022-12-01 00:04:46 发布
最新推荐文章于 2022-12-01 00:04:46 发布
阅读量721 收藏
点赞数
分类专栏： 学习笔记 Node.js Debug 文章标签： node.js 经验分享
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Tang__CT/article/details/124204285
版权

访问node express中的static静态文件方法

应用场合

  • 在项目中需要使用到node express框架进行中间件开发、
  • 使用express托管静态文件或开放其它静态文件

解决方法

通过express内置的express.static方法可以方便地托管静态文件，例如图片、CSS、JavaScript文件等
将静态资源文件所在目录作为参数传递给express.static中间件就可以提供静态资源文件的访问

示例

  1. express框架下运行以下代码
#注意格式
app.use('/public',express.static('public')
最低0.47元/天 解锁文章
Tangctt
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
node访问静态资源文件封装
wenxiukeke的博客
11-13 359
mime.json文件 链接：https://pan.baidu.com/s/1zDtI4lALn8zCI2OIIGoB1Q 提取码：94xi 复制这段内容后打开百度网盘手机App，操作更方便哦 步骤一：先把上述json文件下载下来。 作用：将Content-Type封装，方便请求头调用。 代码 创建一个StaticServer.js文件，通过require导入path,fs模块，以及将上面下载好...
在Express中提供静态文件的实现方法
10-16
在Node.js的Express框架中，实现这一功能主要依赖于`express.static`中间件。这个中间件允许开发者轻松地从服务器上提供静态文件，使得客户端能够直接访问这些资源。 首先，`express.static`的基本用法是将包含静态...
node服务访问前端静态文件
12-19
运行 node start 打开浏览器输入localhost:3000,然后将静态页面放在这个文件同级，通过路由即可访问静态文件
Express 5 快速入门 - 静态文件
谢谢你们的关注
12-01 708
Express 5 快速入门 - 静态文件
【Node.js-3】express介绍、express-static处理静态文件请求、链式操作next()、中间件、cookie、session
小小的客栈 大大的江湖
08-06 2800
1、我们原生的创建服务，设置监听，处理请求之前已经写过。这里介绍的express可以理解是基于基础之上的一个框架，既然是框架，里面肯定封装了很多东西，我们用的时候会方便很多，到底方便在哪里，我们写个例子就知道了。——第一步，到我们的项目目录里面安装express这个第三方模块，使用npm install express。安装结束后，在我们的nodetest项目里面，就会有一个node_modules
node+express实现本地服务部署静态资源
Logic_Dan的博客
08-09 478
node+express实现本地服务部署静态资源
node.js中express.static 托管静态文件
02-15
node.js中可以访问静态文件，只要对静态文件托管就可以了，这是我写的一个例子，和大家交流学习
Express之托管静态文件的方法
08-27
其基本使用方法是将静态文件目录传递给 express.static 方法，然后使用 app.use 方法将其挂载到 Express 应用程序中。 例如： ```javascript var express = require('express'); var app = express(); app.use('/...
node.js中 express.static 托管静态文件合并前后端代码
02-17
node.js中可以访问静态文件，只要对静态文件托管就可以了，把前端代码，放到public目录下，就可以访问了
详解node服务器中打开html文件的两种方法
01-20
本文介绍了详解node服务器中打开html文件的两种方法，分享给大家，具体如下： ...//方法1：通过express.static访问静态文件，这里访问的是ajax.html // app.use(express.static(./)); //方法2：使用fs.readFile打开
#express#使用static方法配置静态资源
weixin_45037444的博客
02-01 853
//实例化express const app = express() //使用epress模块下的static()方法并且注册到app实例上 app.use("虚拟路径",express.static("静态文件的绝对路径/__dirname+静态文件名")); ...
NodeJs(Web篇)Express框架(二)中间件Express-static,body-parser, multer
xiaye_go的博客
02-15 221
express借助中间件可以更加高效的完成工作 Express-static： Express-static 是express一个读取静态文件的中间件，安装:npm install express-static  使用方法为server.use(static(rootpath))这样用户访问的文件可以转到rootpath的目录下了 比如输入localhost:8080/index.html...
1-14 express托管静态资源
Model球
06-15 1161
express提供了一个非常好用的函数，叫做express.static(),通过它，我们可以非常方便地创建一个静态资源服务器，例如，通过如下代码就可以将public目录下的图片、CSS文件、JavaScript文件对外开放访问了。 注意：Express在指定的静态目录中查找文件，并对外提供资源的访问路径。因此，存放静态文件的目录名不会出现在URL中。 挂载路径前缀 如果希望再托管的静态资源访问路径之前，挂载路径前缀，则可以使用如下的方式：......
Node创建静态服务器
TuRanHaoAnJing的博客
11-11 187
Node创建静态服务器 预备工作 在项目中新建static文件夹,新建404.html、index.html、css文件夹(css测试文件)、image文件夹(image测试文件)、js文件夹(js测试文件)、json文件夹(json测试文件)等静态文件。 响应式请求头 exports.getType = function (extname) { switch (extname) { ...
Express:在express中如何实现静态资源访问功能
weixin_46682277的博客
09-17 2013
在express下有一个内置方法：express.static，该方法可以实现静态资源访问功能，例如img、css、js文件等。 express.static有一个参数，该参数是静态资源存放的目录。 示例代码： app.use(express.static('public')); 实际操作代码示例： // 引入express第三方模块 const express = require('express'); // 引入path系统模块 const path = require('path'); // 创建网
【Node.js】 nodejs搭建静态资源服务器；Express框架；express基本使用；express响应客户端数据；express托管静态资源；expres
wusandaofwy的博客
09-07 5049
nodejs搭建静态资源服务器;Express框架;express基本使用;express响应客户端数据;express托管静态资源;expres
Express 自定义中间件 实现中间件访问静态文件，实现日志的实时保存
bcbc86的博客
11-18 482
Express 自定义中间件 实现中间件访问静态文件，实现日志的实时保存，token的检查
express访问静态资源
热门推荐
黄彪博客
07-15 1万+
nodejs 内置变量含义 __dirname 表示当前文件所在的目录的绝对路径 __filename 表示当前文件的绝对路径 module.filename ==== __filename 等价 process.cwd() 返回运行当前脚本的工作目录的路径 process.chdir() 改变工作目录 案例一 const express = require('express') const ...
express框架的静态文件呈现能力
海涛高软
09-15 1488
使用app.use(express.static(相对路径))，就可以直接访问静态文件，如果找到了目标文件，程序就不会再往下走127.0.0.1:3009 在xuhaitao这个目录下找index.html，如果没找到，就接着往下执行 127.0.0.1:3009/haitao.html 在xuhaitao这个目录下找haitao.html ，如果没找到，接着
怎么使用express.static中间件来设置静态文件目录
最新发布
06-03
使用`express.static`中间件来设置静态文件目录非常简单，只需要在你的Express应用中使用以下代码即可： ```javascript const express = require('express'); const app = express(); // 将public目录设置为静态...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值