html – node.js脚本无法获取静态文件

html – node.js脚本无法获取静态文件,第1张

概述我有一个带有少量容器的基本 HTML index.html,我在< head>中添加了bootstrap和font awesome文件夹.文件的一部分. 如: <link href="../bootstrap/css/bootstrap.css" rel="stylesheet"><link href="../bootstrap/css/bootstrap-responsive.css" rel 我有一个带有少量容器的基本 HTML index.HTML,我在< head>中添加了bootstrap和Font awesome文件夹.文件的一部分.
如:

<link href="../bootstrap/CSS/bootstrap.CSS" rel="stylesheet"><link href="../bootstrap/CSS/bootstrap-responsive.CSS" rel="stylesheet"><link href="Font-awesome/CSS/Font-awesome.CSS" rel="stylesheet">

然后,我编写了一个web.Js脚本,首先初始化服务器,然后以这种方式添加包含静态文件的文件夹:

var express = require('express');var app = express();var fs = require('fs');var buf = fs.readfileSync("index.HTML");app.use(express.logger());app.get('/',function(request,response) {  response.send(buf.toString());});app.configure(function(){    app.use(express.static(__dirname + '/assets'));    app.use(express.static(__dirname + '/bootstrap'));    app.use(express.static(__dirname + '/Font-awesome'));});var port = process.env.PORT || 8080;app.Listen(port,function() {  console.log("Listening on " + port);});

但是,当我转到http:// localhost:8080时,我从GET命令获取404错误,试图获取bootstrap.CSS等.任何帮助?我尝试了从stackoverflow获得的不同脚本,但我似乎无法做到正确.
谢谢!

解决方法 通过以这种方式初始化express.static,您告诉它在根目录下查找任何请求的文件.

如果您要删除路径:

<link href="CSS/bootstrap.CSS" rel="stylesheet"><link href="CSS/bootstrap-responsive.CSS" rel="stylesheet"><link href="CSS/Font-awesome.CSS" rel="stylesheet">

您的静态资产可能会被找到.但是,你要求头痛,因为任何重复的文件名都会导致第一个被返回.

相反,您可能希望将所有静态资源放在单个目录下,或者在app.use语句中添加不同的路径参数,以使事情更好地组织.

文件布局:

public |-- bootstrap |-- Font-awesome

对应的app.use语句(并从你的HTML路径中删除..):

app.use(express.static(path.join(__dirname,'public'));

或多个静态中间件(并从您的HTML路径中删除..):

app.use('/bootstrap',express.static(path.join(__dirname,'/bootstrap')));app.use('/Font-awesome','/Font-awesome')));

上述任一项的HTML更改:

<link href="bootstrap/CSS/bootstrap.CSS" rel="stylesheet"><link href="bootstrap/CSS/bootstrap-responsive.CSS" rel="stylesheet"><link href="Font-awesome/CSS/Font-awesome.CSS" rel="stylesheet">
总结

以上是内存溢出为你收集整理的html – node.js脚本无法获取静态文件全部内容,希望文章能够帮你解决html – node.js脚本无法获取静态文件所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1084232.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存