express.static(目录)托管不成功的原因之一

于 2024-04-07 15:52:40 发布
阅读量403 收藏 3
点赞数 8
文章标签： express node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_73993347/article/details/137465852
版权

在nodejs中，我们使用相对路径一定要小心，这个所谓的相对是相对于当前运行node的目录.

单纯这么说有点拗口
上图

如图所示，我的server.js是在web_server目录下，而web_server是在壁纸网站目录下

壁纸网站\web_server\server.js

 当前server.js代码中第十行代码 我托管了一个img目录，但是实际上img目录在web_server目录下  

当我在壁纸网站目录下执行node的时候

nodejs会在壁纸网站目录下去找一个叫做img的目录，当然是找不到的，所以会报错

但如果我在web_server目录下执行node

nodejs会在web_server目录下去找一个叫做img的目录，这时候是可以找到的

但是，这样每次自己运行时要看当前的目录，稍不留神就会找不到文件夹，这是很让人不爽的，所以我们可以使用__dirname

__dirname表示的是js文件所在的目录（我猜测这是一个宏，在执行时会转为绝对路径）

加上__dirname后的效果和使用绝对路径一致，也就不需要关注执行node的目录了

不过值得注意的是，要记得加    ‘ /  ’,大家可以手动输出__dirname看看

那么为什么不使用绝对路径呢？

（因为懒得跑去复制路径 ，哈哈）

伏玉.
关注
Node.js —— Express中服务器的创建、托管静态资源、nodemon
迪幻的博客
05-21 1113
本文是为学习npm中express模块的第一节，为大家介绍了如何安装express，以及用express创建服务器、托管静态资源、安装nodemon环境，为以后的express学习打下了坚实的基础
深入解析Express.static：静态资源的守护者
最新发布
红衣大叔
08-30 1444
是Express内置的一个中间件函数，用于托管静态文件，如图片、CSS、JavaScript等。通过指定一个目录作为静态文件目录，Express会自动处理对该目录下文件的请求，而无需编写额外的路由处理函数。虽然已经足够强大，但有时候你可能需要对其进行一些自定义处理。例如，你可能想在发送静态文件之前修改HTTP响应头，或者根据请求的不同返回不同的静态文件版本。这时，你可以结合使用其他中间件或直接在路由处理函数中进行操作。然而，需要注意的是，一旦请求被。
无法访问静态托管文件---express.static的静态托管问题
qq_44326477的博客
09-03 628
使用 app.use([url], express.static(./upload)) -----express.static() 这是一个内置中间件 ⭐⭐⭐注意：` express.static()里面路径用` ./` 不加. 就表示磁盘根目录 正确：`app.use('/upload')`。 错误： `app.use('./upload')` 正确：`express.static(./upload)`。 错误：`express.static(/upload)` ...
使用express官网的静态文件托管却无法正常访问，还报个 cannot Get
qq_35176319的博客
05-25 3332
在本地启动express服务，使用官网描述的静态文件托管办法： 我的文件夹结构： server.js是node启动的文件： const express = require('express'); const path = require('path'); const app = express(); app.use('/public',express.static(path.join(__dirname,'public'))); app.get('/',( req,res)=>{ res.s.
Node学习（3）express中使用static获取静态文件及常见错误
michael8512的博客
01-28 3606
使用express中的static可以设置文件存储路径，比如js存在于public/js/demo.js这个时候可以将js文件夹设置为专门存储js的路径，代码如下： app.use('/javascript',express.static('./public/js')); 这段代码是将源文件的路径简略为更名后的虚拟路径javascript下。那么以后就可以在html代码中以如下的方式引
使用express访问静态资源文件出现404
Zhencode的博客
11-05 3057
1.设置app.use(express.static(__dirname)); 根目录下直接访问当前url+public/... 2.app.use(express.static('public')); public目录下直接访问当前url+/文件，不需要在路径加public ...
node.js中express.static 托管静态文件
02-15
在Node.js环境中，Express框架是开发Web应用的热门选择，其中`express.static`中间件是用于托管静态文件的关键功能。这个中间件允许我们方便地提供HTML、CSS、JavaScript、图片等资源，使得客户端可以直接访问这些...
node.js中 express.static 托管静态文件合并前后端代码
02-17
在Node.js环境中，Express框架是开发Web应用的常用选择，其中`express.static`中间件是用于托管静态资源的关键组件。这个中间件允许我们方便地提供HTML、CSS、JavaScript以及图片等静态文件给客户端浏览器，从而实现...
nodejs 之 express静态资源管理 （express.static）
子非渔
05-07 4956
node 做中间层，需要对 http 请求做反向代理，但是其中要过滤静态资源 下边是对所有静态资源处理的中间件，包括css js html img font 等 app.use('/css',express.static(path.join(__dirname, 'public'))); 我们的项目需要对html 请求做权限验证，那就需要单独的一个中间件去处理html 权限验证，所以只能分开来...
express.static实现Node.js静态文件托管示例
在Node.js中，Express是一个流行的Web框架，提供了`express.static`中间件，它专门用于托管静态文件。 要使用`express.static`中间件，首先需要安装Node.js的Express模块。可以通过npm（Node.js的包管理器）来安装...
express.static托管静态文件
weixin_43675173的博客
08-11 217
使用express.static托管静态文件 app.use(express.static("public")) //第一种：此文件夹为public,在网页上直接/data.json app.use("/static", express.static("public")) //第二种：虚拟一个静态目录static,但是真实的还是public,在网页上直接/static/data.j...
Node.js阶段学习笔记 6.0 --- Express 框架
khalil
03-17 300
Express js => jquery nodejs => expreess Express 框架 基于 Node.js 平台，快速、开放、极简的 web 开发框架 express 官网 express 中文网 起步 安装：npm i express // 导入 express var express = require('express') // 创建 e...
nodejs配置静态资源错误
weixin_44066438的博客
08-05 930
踩了一个大坑，在nodejs配置静态资源时，最开始是用到了这种方法，在本地打开时 app.use('/public',express.static('./public')) 然后发现死活获取不了public下的文件，在网上寻找了各种方法之后，终于解决了问题，解决代码如下 app.use('/public',express.static(path.join(__dirname, 'public')...
Express细节探究(1)——app.use(express.static)
weixin_30338743的博客
12-17 1071
express相信是很多人用nodejs搭建服务器的首选框架，相关教程有很多，也教会了大家来如何使用。如果你想更深的了解他的细节，不妨和我一起来研究一下。 先来看一个每个人都用到的方法app.use(express.static(__dirname+'/public')); 你肯定在你的app文件中这么用过它： app.use(express.static(__dirname + '...
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 托管静态文件不生效 pm2环境下
笔记库
01-03 1109
官方文档中是这样托管静态文件的 app.use(express.static('public')) 但是在pm2环境下，怎么访问都访问不到，解决方法如下： const path = require('path'); app.use(express.static(path.join(__dirname, 'public'))) 修改引用的路径为绝对路径，而不是相对路径 ...
【nodejs】express框架(一) express的使用以及express.static的使用，顺带解决一些服务器路径问题和浏览器解析过程
waht的博客
04-14 4388
express的基本使用 npm init//创建管理文档 npm i express -S //-S表示在生产环境下也要用到的包 var express = require('express');//导出express的顶级函数 var app = express();//创建express对象 app.get('/', function(req, res){//监听get请求的'/'地址 ...
【Node.js-3】express介绍、express-static处理静态文件请求、链式操作next()、中间件、cookie、session
小小的客栈 大大的江湖
08-06 2915
1、我们原生的创建服务，设置监听，处理请求之前已经写过。这里介绍的express可以理解是基于基础之上的一个框架，既然是框架，里面肯定封装了很多东西，我们用的时候会方便很多，到底方便在哪里，我们写个例子就知道了。——第一步，到我们的项目目录里面安装express这个第三方模块，使用npm install express。安装结束后，在我们的nodetest项目里面，就会有一个node_modules
node express中使用static的错误
weixin_30522183的博客
05-02 167
　　使用express中的static可以设置文件存储路径，比如js存在于public/js//demo.js这个时候可以将js文件夹设置为专门存储js的路径，代码如下： 　　　　app.use('/javascript',express.static('./public/js')); 　　这段代码是将源文件的路径简略为更名后的虚拟路径javascript下。那么以后就可以在html代码中以如...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值