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

最新推荐文章于 2024-07-14 17:05:54 发布
最新推荐文章于 2024-07-14 17:05:54 发布
阅读量309 收藏 3
点赞数 8
文章标签： express node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/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看看

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

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

伏玉.
关注
  • 8
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
nodejs 之 express静态资源管理 （express.static）
子非渔
05-07 4817
node 做中间层，需要对 http 请求做反向代理，但是其中要过滤静态资源 下边是对所有静态资源处理的中间件，包括css js html img font 等 app.use('/css',express.static(path.join(__dirname, 'public'))); 我们的项目需要对html 请求做权限验证，那就需要单独的一个中间件去处理html 权限验证，所以只能分开来...
express.static托管静态文件
weixin_43675173的博客
08-11 145
使用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 254
Express js => jquery nodejs => expreess Express 框架 基于 Node.js 平台，快速、开放、极简的 web 开发框架 express 官网 express 中文网 起步 安装：npm i express // 导入 express var express = require('express') // 创建 e...
node express中使用static的错误
weixin_30522183的博客
05-02 134
　　使用express中的static可以设置文件存储路径，比如js存在于public/js//demo.js这个时候可以将js文件夹设置为专门存储js的路径，代码如下： 　　　　app.use('/javascript',express.static('./public/js')); 　　这段代码是将源文件的路径简略为更名后的虚拟路径javascript下。那么以后就可以在html代码中以如...
【nodejs】express框架(一) express的使用以及express.static的使用，顺带解决一些服务器路径问题和浏览器解析过程
waht的博客
04-14 4208
express的基本使用 npm init//创建管理文档 npm i express -S //-S表示在生产环境下也要用到的包 var express = require('express');//导出express的顶级函数 var app = express();//创建express对象 app.get('/', function(req, res){//监听get请求的'/'地址 ...
无法访问静态托管文件---express.static的静态托管问题
qq_44326477的博客
09-03 523
使用 app.use([url], express.static(./upload)) -----express.static() 这是一个内置中间件 ⭐⭐⭐注意：` express.static()里面路径用` ./` 不加. 就表示磁盘根目录 正确：`app.use('/upload')`。 错误： `app.use('./upload')` 正确：`express.static(./upload)`。 错误：`express.static(/upload)` ...
【nodejs】【express.static】静态资源托管
这道题我不会做...不会做啊..太难了！！
04-09 918
通过Express内置的express.static可以方便地托管静态文件，例如img、CSS、JavaScript 文件等。 语法 app.use(express.static('public')); 此方法对所有请求进行拦截，调用express.static('public')方法，该方法会检测请求文件类型，若是静态资源且定义的目录中有此资源，则直接返回此资源，否则调用方法中的next...
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以及图片等静态文件给客户端浏览器，从而实现...
Express之托管静态文件的方法
08-27
在上面的代码中，我们使用 express.static 方法将 public 目录下的静态文件托管到 /static 路径下。这样，客户端可以通过 http://localhost:3000/static/css/style.css 等 URL 访问到这些静态文件。 虚拟目录 在...
详解利用 Express 托管静态文件的方法
08-29
如果你希望所有通过 express.static 访问的文件都存放在一个“虚拟（virtual）”目录（即目录根本不存在）下面，可以通过为静态资源目录指定一个挂载路径的方式来实现。例如： ``` app.use('/static', express....
DP读书：鲲鹏处理器 架构与编程（六）PCI Express 总线
DarrenPig的博客
08-16 2045
PCI Express总线的拓扑发现是指通过一定的协议和机制，在系统中识别和确定PCI Express设备的连接关系和数据传输路径的过程。根据不同的事务类型，事务层会产生不同类型的TLP报文，并根据不同的路由方式进行数据转发。总之，PCI Express总线中的另一个重要组件是PCI Express桥，它的作用是将PCI Express总线连接到其他类型的总线或设备，从而形成一个更大的网络。通过以上步骤，可以获取PCI Express总线的拓扑结构，包括设备的连接关系、设备的配置信息和数据传输路径等。
Node.js如何在Windows安装？
关注收藏，可以私信解决问题！
07-11 488
Node.js 是一个开源、跨平台的JavaScript运行环境，由Ryan Dahl于2009年创建。它允许开发者在服务器端运行JavaScript代码。Node.js 基于Chrome V8 JavaScript引擎构建，其设计目标是提供一种在非阻塞方式下构建可扩展网络应用程序的方法。
解决 Yarn 运行时的 Node.js 版本问题：一个详尽的指南
2402_85762143的博客
07-11 902
解决 Yarn 运行时的 Node.js 版本问题需要开发者对项目依赖、Node.js 版本以及版本管理工具有一定的了解。通过使用 Node.js 版本管理工具、锁定依赖版本以及正确处理运行时错误，可以有效地避免和解决这些问题。然而，在开发过程中，开发者可能会遇到 Node.js 版本不兼容的问题，这会导致 Yarn 运行时出错。通过遵循本文提供的指南，开发者可以更加自信地管理和解决 Yarn 运行时的 Node.js 版本问题。文件可以锁定依赖的版本，确保在不同环境中使用相同的依赖版本。
Node.js 模块系统
wjs2024的博客
07-11 517
Node.js 的模块系统是其核心特性之一，它允许开发者将代码组织成可重用的模块。这种系统促进了代码的模块化，使得大型应用程序的构建和管理变得更加容易。本文将深入探讨 Node.js 的模块系统，包括其工作原理、如何创建和使用模块，以及模块系统的优势和局限性。
Node.js 爬虫开发实战：构建一个高效、优雅的网络数据抓取器
最新发布
艾恩小灰灰的博客
07-14 294
通过上述步骤，你已经掌握了一个基本的Node.js爬虫框架。这个框架可以根据具体需求进一步扩展，比如增加登录功能、处理动态页面（使用Puppeteer）等。记住，构建爬虫时要遵守道德规范和法律法规，尊重网站的使用条款，不要过度抓取数据导致服务器压力过大。
在 Node.js 中，如何正确地使用 async/await 与 Promise 对象配合
xixixixixixixi21的博客
07-10 514
在Node.js中，async/await是ES2017引入的一种更简洁的处理异步操作的方式，它基于Promise来进行编写，使得异步代码看起来更像同步代码，易于理解和维护。以下是使用async/await与Promise的基本步骤：首先，你需要定义一个async函数，这告诉JavaScript这个函数内部有异步操作。async函数内部可以包含await关键字，紧跟其后的表达式必须是一个返回Promise的对象。
app.use(express.static())是否可以多次使用
08-03
### 回答1： 是的，在 Express.js 中，你可以多次使用 app.use() 函数来使用静态资源中间件。 app.use(express.static()) 方法允许你指定一个路径来提供静态资源（例如 HTML 文件、图片、CSS 文件等）。这样，当客户端请求一个这个路径下的静态资源时，服务器就会返回对应的文件。 例如，你可以这样使用 app.use(express.static()) 方法： ``` app.use(express.static('public')); ``` 这样，你就可以把你的静态资源放在一个名为 "public" 的文件夹中，然后通过这个路径来访问这些资源。 你也可以使用多个 app.use(express.static()) 方法来提供多个静态资源路径，例如： ``` app.use(express.static('public')); app.use(express.static('files')); ``` 这样，你就可以通过两个不同的路径来访问静态资源了。 ### 回答2： 可以多次使用app.use(express.static())来指定不同的静态文件目录。 在Node.js中，使用express框架时，可以通过app.use(express.static())来指定静态文件的存放目录。该方法是express框架提供的中间件，用于访问静态资源。 在多次使用app.use(express.static(dir))时，每次传入不同的目录作为参数即可。例如，可以通过以下代码多次指定不同的静态文件目录： app.use(express.static('public')); app.use(express.static('images')); app.use(express.static('files')); 以上代码就将/public、/images和/files目录下的静态文件，如HTML、CSS、JavaScript等，对外提供访问。 这样可以实现一些特殊需求： 1. 当多个目录下的静态文件有重名时，可以通过多次使用express.static()来分别指定不同的目录，从而避免文件冲突。 2. 当项目的静态文件较多时，可以将它们分别存放在不同的目录下，并通过多次使用express.static()来指定各个目录，保持项目结构的清晰性。 需要注意的是，当多次使用app.use(express.static())时，静态资源的访问路径会按照顺序进行匹配，直到找到匹配的静态文件为止。因此，如果多个静态文件目录下存在相同的文件名时，会优先返回第一个匹配的文件。 总而言之，app.use(express.static())可以多次使用，并且可以指定不同的静态文件目录，以满足不同的项目需求。 ### 回答3： app.use(express.static())可以多次使用。express.static()是一个中间件函数，用于托管静态文件。通过调用app.use(express.static())，可以指定多个静态文件目录，来托管不同类型的静态文件。每次调用app.use(express.static())，都可以传入不同的静态文件目录作为参数，用于指定不同的文件路径。 例如，我们可以通过以下方式多次使用app.use(express.static())来指定多个静态文件目录： app.use(express.static('public'))：指定public文件夹作为静态文件目录。 app.use(express.static('images'))：指定images文件夹作为静态文件目录。 app.use(express.static('css'))：指定css文件夹作为静态文件目录。 这样，当我们在浏览器中访问服务器上的静态文件时，express会自动查找指定的静态文件目录，并将文件发送给浏览器。多次使用app.use(express.static())可以为服务器提供多个静态文件目录，以便更好地组织和管理静态文件。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值