express静态文件请求，express.static的理解，静态文件再请求不到算我输

最新推荐文章于 2023-10-13 20:39:51 发布
最新推荐文章于 2023-10-13 20:39:51 发布
阅读量3.5k 收藏 4
点赞数 3
文章标签： express.static express静态文件请求
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42771483/article/details/94213521
版权

首先今天又是充满BUG的一天2333…

node.js的express框架在四个月以前就有实战，但是做了四个月的微信小程序，我又给忘了，忘了，忘了，下面我们来看看我今天从BUG中的收获吧。

先看看我的项目文件目录结构

在这里插入图片描述
node_modules，这个不需要解释啦,
public：存放静态文件,比如图片，css文件，js文件,
routes：存放子路由，
tool：我暂时还没放啥…，
views：ejs等模板文件，

好了接下来看看我的app.js

在这里插入图片描述
app.use(express.static(path.join(__dirname,‘public’)))
我来说说我从今天的bug中，我得到的属于自己的理解吧，baidu了各种方法，都没有得到解决

Begin：

在这里插入图片描述
__dirname,表示的是项目的根路径，path.join表示将项目根路径和public拼接
所以每个请求都将会把静态文件的路径给你准备好，差不多就是：public/
然后再看看你的html文件中link标签的路径
在这里插入图片描述
href: /stylesheets/index.css

所以最后请求静态文件的时候就可以通过public/stylesheets/index.css的方式请求到啦，如果你还没请求到，多半是在html中的路径没写对对，之前我设置的是：./public/stylesheets/index.css,所以再加上public之后路径当然不对了。

总之

记住，express.static中填写路径是和html文件中的路径拼接的，所以还没弄好的小伙伴赶紧去试试哦！

98_YongChao
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
node.js中Express静态资源托管
weixin_44860226的博客
10-12 1562
现在：我们可以将node命令替换为nodemon命令，使用nodemon app.js来启动项目，这样做的好处是：代码被修改之后，会被nodemon监听到，从而实现自动重启项目的效果。当基于Node.js编写了一个网站应用的时候，传统的方式，是运行node app.js命令，来启动项目。这样做的坏处是：代码被修改之后，需要手动重启项目。注意：Express在指定的静态目录中查找文件，并对外提供资源的访问路径，因此存放静态文件的目录名不会出现在URL中。现在，你就可以通过带有。访问静态资源文件时，
【nodejs】express框架(一) express的使用以及express.static的使用，顺带解决一些服务器路径问题和浏览器解析过程
waht的博客
04-14 4217
express的基本使用 npm init//创建管理文档 npm i express -S //-S表示在生产环境下也要用到的包 var express = require('express');//导出express的顶级函数 var app = express();//创建express对象 app.get('/', function(req, res){//监听get请求的'/'地址 ...
Nodejs—Express
m0_59451453的博客
06-02 3733
官方给出的概念：Express 是基于 Node.js 平台快速、开放、极简的Web 开发框架。通俗的理解：Express 的作用和 Node.js 内置的 http 模块类似，是专门用来创建 Web 服务器的。
【Express】静态资源
最新发布
小秀的博客
10-13 380
通过 Express 内置的 express.static 可以方便地托管静态文件，例如图片、CSS、JavaScript 文件等。将静态资源文件所在的目录作为参数传递给 express.static 中间件就可以提供静态资源文件的访问了。然后，就可以通过带有。
express框架中的express.static()和app.use()
热门推荐
pj_me
12-28 3万+
在使用express框架的时候，会遇到设置静态文件目录，代码如下： //将静态文件目录设置为：项目根目录+/public app.use(express.static(__dirname + '/public')); //或者 app.use(express.static(path.join(__dirname, 'public'))); 那么，什么是静态文件资源？以及express是怎
在Express中提供静态文件的实现方法
10-16
总的来说，`express.static`是Express提供静态文件服务的核心工具。通过灵活配置，可以实现对静态资源的有效管理和高效访问。在开发过程中，合理利用这个中间件可以极大地提升用户体验，同时简化后端代码。
node.js中express.static 托管静态文件
02-15
6. **错误处理**：如果找不到请求的文件，`express.static`会返回404状态码。 在实际开发中，为了安全和性能考虑，我们通常会将静态文件部署到CDN（内容分发网络）上，而不是直接通过Node.js服务器提供。但`express...
Express之托管静态文件的方法
08-27
在上面的代码中，我们使用 express.static 方法将 public 目录下的静态文件托管到 /static 路径下。这样，客户端可以通过 http://localhost:3000/static/css/style.css 等 URL 访问到这些静态文件。 虚拟目录 在...
详解利用 Express 托管静态文件的方法
08-29
除了使用 express.static 中间件外，Express 框架还提供了其他静态资源托管方法，例如使用 middleware 函数来处理静态资源文件的请求。例如： ``` app.use('/static', function(req, res, next) { res.sendFile(__...
express.static的用法
freewilly123abc的博客
03-11 545
express.static 作用及用法_黎先生的博客-CSDN博客_express.staticexpress相信是很多人用nodejs搭建服务器的首选框架，相关教程有很多，也教会了大家来如何使用。如果你想更深的了解他的细节，不妨和我一起来研究一下。先来看一个每个人都用到的方法app.use(express.static(__dirname+'/public'));你肯定在你的app文件中这么用过它： app.use(express.static(__dirname + 'https://blog.csd
express中static中间件的具体使用方法
01-02
如果想要在输入url后直接访问服务端的静态文件，比如css、js、文件等，就需要知道这些静态文件的定位，在express框架中express.static中间件函数可以帮助我们实现。 Staic是express内置中间件函数，服务于静态文件，基于静态服务。Staic函数封装在serve-static模块当中，serve-static模块抛出的serveStatic就是static方法。 上面注释说明了方法的作用，大概是说该中间件函数为给定根目录的文件提供服务，要服务的文件将通过将req.url与提供的根目录相结合来确定。当找不到文件时，此模块将改为调用next()以转到下一个中间件。废
Express框架:创建服务器和发布static资源
W2001r的博客
04-01 1577
总代码 import express from 'express';//导入 express const app = express() // 创建 web 服务器 // 监听客户端的 GET 和 POST 请求，并向客户端响应具体的内容 app.get('/', (req, res) => { var aa = { name: '张三', age: 20, gender: '男' } // 向客户端响应一个 JSON 对象 // 调用 express 提供的 res.sen
Express-static
程序员小陶的大数据分享
08-31 335
利用 Express 托管静态文件 通过 Express 内置的 express.static 可以方便地托管静态文件，例如图片、CSS、JavaScript 文件等。 1.将静态资源文件所在的目录作为参数传递给 express.static 中间件就可以提供静态资源文件的访问了。 例如，假设在 public 目录放置了图片、CSS 和 JavaScript 文件，你就可以： app.use(
【Node.js-3】express介绍、express-static处理静态文件请求、链式操作next()、中间件、cookie、session
小小的客栈 大大的江湖
08-06 2816
1、我们原生的创建服务，设置监听，处理请求之前已经写过。这里介绍的express可以理解是基于基础之上的一个框架，既然是框架，里面肯定封装了很多东西，我们用的时候会方便很多，到底方便在哪里，我们写个例子就知道了。——第一步，到我们的项目目录里面安装express这个第三方模块，使用npm install express。安装结束后，在我们的nodetest项目里面，就会有一个node_modules
Express 实战: 使用 express-static 处理静态资源
超悠閒的博客
12-12 2557
Express 实战: 使用 express-static 处理静态资源 文章目录Express 实战: 使用 express-static 处理静态资源简介参考正文一切的起点项目结构 & 初始化静态资源服务器浏览器支持 ES6 模块化结语 简介 本篇的出发点在于一直想测试 HTML 提供的 <script type="module"></script> 的功能，但是如果直接使用 files 协议访问本地的 html 文件，是不支持跨域 cors 请求的，在下面正文中会说明。
express中res.sendFile、res.render、express.static()三者的使用
柒君的博客
02-10 5351
一、res.sendFile 必须使用绝对路径，它的作用是响应出去一个文件，可以直接返回html文件做渲染。 app.get("/kkk", (req, res) => { res.sendFile(path.resolve(__dirname,"./views/insertArticle.html")); }); 浏览器访问http://localhost:8000/kkk，其实就是在访问insertArticle.html文件。 二、res.render 使用这个方法就代表需要用到“模板引擎
使用express.js开发遇到的坑【一】虚拟路由/前缀
随时准备转行
12-12 464
调研+总结：为统一域名，使用express.static相关中间件添加虚拟路由。
nodejs 之 express静态资源管理 （express.static）
子非渔
05-07 4819
node 做中间层，需要对 http 请求做反向代理，但是其中要过滤静态资源 下边是对所有静态资源处理的中间件，包括css js html img font 等 app.use('/css',express.static(path.join(__dirname, 'public'))); 我们的项目需要对html 请求做权限验证，那就需要单独的一个中间件去处理html 权限验证，所以只能分开来...
初学nodejs一：别被Express的API搞晕了
糖糖糖糖糖先森
01-10 4309
初学nodejs 这个系列并不是入门系列。其实我自己还没入门。。入门的话，推荐大家 1 一起学nodejs2 BYVoid大神的 《Node.js开发指南》 不过虽然是大神写的教程，也要带着怀疑的态度去看~~ 这个系列，主要讲一些我初学nodejs时，比较困惑的地方。因为比较困惑，所以偶尔会研究的深一点。所以，虽叫初学，但可能并不简单。 第一篇：别被Express
怎么使用express.static中间件来设置静态文件目录
06-03
使用`express.static`中间件来设置静态文件目录非常简单，只需要在你的Express应用中使用以下代码即可： ```javascript const express = require('express'); const app = express(); // 将public目录设置为静态...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值