使用express访问静态资源文件出现404

最新推荐文章于 2024-04-07 15:52:40 发布

Zhencode

最新推荐文章于 2024-04-07 15:52:40 发布

阅读量3k

点赞数

分类专栏： express服务器端文章标签： express访问静态资源 express访问404

本文链接：https://blog.csdn.net/Zhencode/article/details/102913463

版权

express服务器端专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了使用Express框架配置静态资源访问的两种方法。一种是在根目录下通过__dirname访问，另一种则是通过public目录直接访问文件，无需在路径中加入public前缀。这两种方式为开发者提供了灵活的静态资源管理方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


 1.设置app.use(express.static(__dirname));
 根目录下直接访问当前url+public/...
 2.app.use(express.static('public'));
  public目录下直接访问当前url+/文件，不需要在路径加public

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Zhencode

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

使用express实现静态资源托管并且可以访问整个目录下的文件

weixin_43379230的博客

02-10

2210

使用express实现静态资源托管还是挺简单的只需要使用express的static中间件即可代码如下：const express = require('express'); const app = express(); const path = require('path'); //----- 配置静态资源托管 ----- app.use('/', express.static(path....

nodejs请求静态资源404错误，后台需处理返回http请求的静态资源

ddvrz84666的专栏

07-19

1057

nodejs小白在做的demo时后台返回主页面html后，页面请求引用的js文件，后台没有返回对应请求路径的静态资源，所以报错。原来在java开发下没有注意过这种问题，一般除了WEB-INF下的文件不能访问外，其他资源文件都可以直接用http路径访问。 1.使用http模块处理（http模块时nodejs内置模块） public文件夹下的文件js,html默认为静态资源，后台读取这些...

1 条评论您还未登录，请先登录后发表或查看评论

node.js中 express.static 托管静态文件合并前后端代码

02-17

node.js中可以访问静态文件，只要对静态文件托管就可以了，把前端代码，放到public目录下，就可以访问了

express静态路由匹配引发的404错误

jiaohuizhuang6019的博客

09-17

441

express静态路由匹配引发的404错误

用node.js建博客(四) - express中的404处理

nodeblog的专栏

09-10

780

在上一篇中，我已经实现了如下管理功能，将所有markdown文件(即:*.md文件)，统一放到views/blogs目录下将/blogs/*.html的url, 映射到markdown文件在首页index.jade中，添加文章的链接注意: 本片内容不太适合Express3.x, 建议参考附件中的 nodeblog_express3.x.zip Demo来看 ...

Express 托管静态文件不生效 pm2环境下

笔记库

01-03

1111

官方文档中是这样托管静态文件的 app.use(express.static('public')) 但是在pm2环境下，怎么访问都访问不到，解决方法如下： const path = require('path'); app.use(express.static(path.join(__dirname, 'public'))) 修改引用的路径为绝对路径，而不是相对路径 ...

node express搭本地服务，html加载静态文件（js img css）404问题

weixin_34122604的博客

01-09

1305

2019独角兽企业重金招聘Python工程师标准>>> ...

Express之托管静态文件的方法

08-27

在托管静态文件时，我们可以使用虚拟目录来指定静态资源目录的挂载路径。虚拟目录可以使得我们的 URL 更加简洁和易于管理。例如： ```javascript var express = require('express'); var app = express(); app.use...

详解利用 Express 托管静态文件的方法

08-29

访问静态资源文件时，express.static 中间件会根据目录添加的顺序查找所需的文件。虚拟目录的使用如果你希望所有通过 express.static 访问的文件都存放在一个“虚拟（virtual）”目录（即目录根本不存在）下面，...

在Express中提供静态文件的实现方法

01-02

将包含静态资源的目录的名称传递给 express.static 中间件函数，以便开始直接提供这些文件。例如，使用以下代码在名为 public 的目录中提供图像、CSS 文件和 JavaScript 文件： app.use(express.static('public'));...

使用express官网的静态文件托管却无法正常访问，还报个 cannot Get

qq_35176319的博客

05-25

3336

在本地启动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.

vue学习笔记——使用vue+express搭建项目，利用前端路由history,每次刷新页面请求接口报404错误解决方法

陈先生的博客

07-30

1020

使用express搭建后台，把vue打包好后的静态文件直接放到public文件。 vue使用history进行路由配置的时候，前台刷新页面后，会导致出现404的页面。如下图。阅读vue的官方文档后发现了解决方法，简单记录一下。首先下载connect-history-api-fallback中间件 npm install--save connect - history - api - fallback 然后在app.js内引入该中间件 var app = express(); //express框

express动态路由未能匹配造成的404问题

jiaohuizhuang6019的博客

09-17

679

express动态路由未能匹配造成的404问题

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代码中以如...

express静态资源访问错误 xxx.js was blocked due to MIME type (“text/html“)

naruto2017的博客

02-21

728

此时访问xxx.js，仍然显示xxx.js was blocked due to MIME type "text/html"此时访问public文件夹中的xxx.js文件时，只需要使用路径。归根结底原因是没有静态资源xxx.js的访问权限。无法成功将public文件夹设为静态文件夹。即可访问，路径中不需要带public。网上找到的以下方法，

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

最新发布

qq_73993347的博客

04-07

404

在相对路径前加一个__dirname

nodejs——express中的express.static()和app.use()

weixin_43340295的博客

07-04

573

在使用express框架的时候，会遇到设置静态文件目录，代码如下： //将静态文件目录设置为：项目根目录+/public app.use(express.static(__dirname + '/public')); //或者 app.use(express.static(path.join(__dirname, 'public'))); 那么，什么是静态文件资源？以及express是怎么利用这句话来设置静态目录的？ 静态资源文件可以理解成，对于不同的用户来说，内容都不会变化的文件。因为不管是张三李四访

路由器的两种工作模式及快速通过express搭建微型服务器流程，解决刷新页面服务端404的问题

薛定谔的猫

04-13

637

默认的模式是hash模式，如果想要修改，可以在router里面的index.js中配置mode属性，因为，你刷新相当于发送网络请求，但你配置的服务器下是没有这个配置的，只有/person。当然，这不是很美观，需要我们的后端程序员配合，这里提供一个node，中间件的方案。首先这个#叫做hash，最大的特点就是不会随的http请求，发给服务器。然后把我们当当脚手架生成的文件放进去，重新打开，就可以了。然后就发现，你点击是没有关系的，但是你刷新，就直接废了。5.文件夹中，右击新建一个server.js。

express 404页面配置

weixin_42448623的博客

12-17

1935

express 对于没有设定的请求路径，默认会返回 Cat not get xxx 配置要配置 express-art-template 要在路由配置之后增加一个 app.use(function(req,res){ res.render("404.html") }) 完整案例 /** * app.js 入口模块 * 启动服务 * 做一些服务相关配置 * 模版引擎 * ...