Node.js 节点呈现的ejs文件可以使用脱机引导吗?
我对节点和完整堆栈开发还不熟悉,希望我能正确地问这个问题,而不是漫不经心地问,或者出于您对特定理解水平的冒犯 我的开发环境已连接到Internet,生产环境将不连接,我希望将bootstrap.css与节点一起使用。Apache/httpd不是生产中的选项 在本地测试引导是一项挑战,css文件的正确目录被认为是正确的 CENTOS 7上的主目录是myapp,包含app0.js、带有espress和body解析器的node_模块以及所有依赖项,以及包含grid.ejs的views目录 myapp/ app0.js node_modules views/ grid.ejs public/ bootstrap.css 视图/grid.ejsNode.js 节点呈现的ejs文件可以使用脱机引导吗?,node.js,twitter-bootstrap,ejs,offline,Node.js,Twitter Bootstrap,Ejs,Offline,我对节点和完整堆栈开发还不熟悉,希望我能正确地问这个问题,而不是漫不经心地问,或者出于您对特定理解水平的冒犯 我的开发环境已连接到Internet,生产环境将不连接,我希望将bootstrap.css与节点一起使用。Apache/httpd不是生产中的选项 在本地测试引导是一项挑战,css文件的正确目录被认为是正确的 CENTOS 7上的主目录是myapp,包含app0.js、带有espress和body解析器的node_模块以及所有依赖项,以及包含grid.ejs的views目录 myapp/
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Grid System</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="public/bootstrap.css">
<style type="text/css">
.pink {
background: yellow;
border: 3px solid red;
}
</style>
</head>
<body>
<div class="row">
<div class="col-lg-2 pink"><center>2</center></div>
<div class="col-lg-7 pink"><center>7</center></div>
<div class="col-lg-7 pink"><center>3</center></div>
</div>
</body>
</html>
自举网格系统
.粉红{
背景:黄色;
边框:3倍纯红;
}
2.
7.
3.
如图所示:
“引导程序不工作”您必须在app0.js文件中定义要从中提供静态文件的
public
路径。在bodyParser.json()之后使用express.static
尝试以下需要path
模块的app0.js文件:
var express = require('express'),
app = express(),
bodyParser = require('body-parser'),
path = require('path')
app.set('view engine','ejs');
app.use(bodyParser.urlencoded({ extended: false }))
app.use(bodyParser.json())
app.use(express.static(path.join(__dirname, 'public')));
app.get("/grid", function(req, res, next){
res.render("grid")
});
app.listen(3000,function(){
console.log("serving test demo on port 3000")
});
您的grid.ejs文件通过以下方式链接引导文件:
<link rel="stylesheet" type="text/css" href="/bootstrap.css">
出色!在分析中,我似乎在不同的点上找到了几乎所有的片段。但显然无法将其结合起来。然而,path=require('path')不在我的雷达上。我非常感激!!!我想了解一件事迪米特里斯。。。node之前在引导时给出了404错误,而不是在我开始写这个问题时。所以,如果它不再有错误,但它仍然没有读取css文件,这是一个正确的理解吗?我不知道你为什么没有得到404错误。无论如何,您的express.js应用程序找不到css文件。
var express = require('express'),
app = express(),
bodyParser = require('body-parser'),
path = require('path')
app.set('view engine','ejs');
app.use(bodyParser.urlencoded({ extended: false }))
app.use(bodyParser.json())
app.use(express.static(path.join(__dirname, 'public')));
app.get("/grid", function(req, res, next){
res.render("grid")
});
app.listen(3000,function(){
console.log("serving test demo on port 3000")
});
<link rel="stylesheet" type="text/css" href="/bootstrap.css">