express中的静态目录设置

最新推荐文章于 2024-05-26 20:13:14 发布
最新推荐文章于 2024-05-26 20:13:14 发布
阅读量1.5k 收藏
点赞数
分类专栏： node 文章标签： nodejs express
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MAIN_1995/article/details/51387504
版权

我在开发一个web应用时，会遇到以下错误


我的js链接是这样的

我的server.js的存放目录public是js的上级目录

错误的原因是我没有配置express的静态路径

我用如下方法设置express的静态目录

var pathname = __dirname;

app.use(express.static(pathname));
console.log(pathname);
__dirname是当前文件的存放目录

要注意所有文件的路径都是相对存放路径的

静态路径加上html文件中的相对路径即为文件的真实路径

关于Express托管静态文件的内容，可参见http://www.expressjs.com.cn/starter/static-files.html

XUESONGZHU
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【使用Nest.js开发】nest.js实现静态目录
小辣抓
03-27 4308
【使用Nest.js开发】nest.js实现静态目录 Nest.js是基于express实现的，express的很大一个卖点就是middleware（中间件），同样，nest.js也少不了中间件。 中间件是一个函数，它在路由处理程序之前被调用。中间件功能可以访问request和response对象，以及next应用程序请求 - 响应周期中的中间件功能 nest中的中间件就等于express中...
NestJs 静态目录配置详解
10-17
主要介绍了NestJs 静态目录配置，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
express设置静态文件目录
weixin_30593261的博客
09-26 1067
//将静态文件目录设置为：项目根目录+/public app.use(express.static(__dirname + '/public')); //或者 app.use(express.static(path.join(__dirname, 'public'))); express.static() 提供对静态资源文件(图片、csss文件、javascript文件)的服...
利用express来启动一个本地服务，并且设置静态目录
最新发布
欢迎投稿
05-26 166
首先，请确保你已经安装了 Node.js 和 npm。2：根目录创建app.js文件，里面的内容如下。
express html css,NodeJS + express访问html、css、JS等静态资源文件
weixin_39633171的博客
06-24 297
原先作前端开发时都是用XAMPP或LAMP，把HTML、CSS、JS等前端资源放到htdocs下，测试本身的前端代码，但有些不方便的地方是，在调用Ajax请求后没法模拟请求返回的数据，最近学了点NodeJS，就用NodeJs来作Web服务器。由于最终与后台交互的是用Java做开发语言的，因此就不用jade、ejs等模板了，只是单纯地做为一个静态服务器以及模拟处理Ajax数据请求html1. 初始化...
在Express中提供静态文件的实现方法
10-16
值得注意的是，Express在处理请求时，静态目录名称并不会出现在URL中。这意味着，即使你的静态文件夹名为`static_resources`，客户端依然可以通过`http://localhost:3000/images/kitten.jpg`这样的路径访问图片，而...
Express静态访问服务
01-25
* 使用 express.static() 方法时，需要指定正确的静态资源目录。 通过本文，我们了解了 Express 静态访问服务的实现和使用方法。Express 提供了多种方式来实现静态访问服务，开发者可以根据需求选择合适的方法来...
详解利用 Express 托管静态文件的方法
08-29
所有文件的路径都是相对于存放目录的，因此，存放静态文件的目录名不会出现在 URL 中。 多个静态资源目录的托管 如果你的静态资源存放在多个目录下面，可以多次调用 express.static 中间件： ``` app.use(express....
使用express设置静态目录，创建服务，响应get请求(二)--将自己编写的简单2048通过express实现页面展示（静态）
ShiningDays的博客
03-07 511
（1）将编写2048项目的所有的css,js和html文件都放入文件夹public中（如下图），接着同样在终端中输入npm init -y生成npm项目，输入npm install express载入express依赖。（详细可见https://blog.csdn.net/ShiningDays/article/details/123294577） 文件夹目录 （2）设置server.js const express = require('express');//在node应用中载入express con
小满nestjs（第十三章 nestjs 上传图片-静态目录）
qq1195566313的博客
09-11 8012
multer @types/multer 这两个需要安装在upload Module 使用MulterModule register注册存放图片的目录需要用到 multer 的 diskStorage 设置存放目录 extname 用来读取文件后缀 filename给文件重新命名。
express入门（3）-静态文件
07-20
主要讲解在nodejs里面如何添加静态文件
nest.js 使用express需要提供多个静态目录的操作方法
10-16
主要介绍了nest.js 使用express需要提供多个静态目录的操作，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
利用中间件让express访问静态页面路径去后缀名
AEI的博客
06-12 271
如果我们要访问静态文件下的html文件 我们会这么写： app.use(’/static/’,express.static(path.join(__dirname,‘public’))) 然后访问http://127.0.0.1:3000/static/index.html 我们可以为app.use()加入一个中间件，来为static路径访问的文件加上后缀 比如，加上html后缀 let addHtml = function addhtml(req,res,next){ req.url+='.htm
nestjs笔记
wshkeke1的博客
02-05 541
导入注册文件，@Module({imports: [//配置文件路径，也可以配置为数组如['/config/.env1','.env']。//忽略配置文件，为true则仅读取操作系统环境变量，常用于生产环境//配置为全局可见，否则需要在每个模块中单独导入ConfigModule//导入自定义配置文件})],// 导入controller// 导入service})自定义读取配置文件});使用自定义配置) {}
express框架设置静态资源目录
weixin_47863547的博客
08-08 661
内置中间件 use 设置静态资源目录 app.use(express.static('staticfile')); 设置静态资源目录的虚拟目录 app.use('/public',express.static('staticfile'));
nodejs中express的静态目录(金猪脚本)
zhuiqiu666666的博客
08-15 365
这意味着，如果你将 public 目录设置为静态目录，并且在其中包含了 index.html 文件，那么当你访问根路径 / 时，Express 会自动返回该目录下的 index.html 文件，而无需显式设置根路径的处理函数。在 Node.js 中，可以使用 Express 框架的 express.static 中间件来设置静态目录，并且默认会处理请求路径为根路径 / 的情况，返回该目录下的 index.html 文件。
app.use(express.static(__dirname))如何指定静态目录
山川异域，代码同享;授人以渔，修己之漏
03-23 2956
要用node设置静态文件所在目录，首先弄懂什么是app.use(express.static(__dirname))，假设我在server.js文件中写入这行代码，那么就是把server.js文件所在的目录设置为静态文件目录 如图所示目录结构，我在server.js写入app.use(express.static(__dirname))，那么我们就把它所在的目录api设置为静态资源所在目录，那么我...
使用express设置静态目录，创建服务，响应get请求(一)
ShiningDays的博客
03-07 1601
（1）安装node.js和express 参考这篇文章，写的很详细 （版权声明：本文为CSDN博主「han_chuang」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/han_chuang/article/details/93531654) 注意：在cmd中安装时需要以管理员身份运行，否则权限不够会报错不能安装。 (2)设置静态目录 自动生成package-lock.json ...
怎么使用express.static中间件来设置静态文件目录
06-03
在上面的代码中，我们使用`express.static`中间件将`public`目录设置为静态文件目录。这意味着，当用户请求`/`路径时，Express将会在`public`目录下查找`index.html`文件并返回给用户；当用户请求`/css/style.css`时...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值