Javascript 路由器读取head.html和tail.html文件时出现Express问题
我是一名学生，我们正在关注Express，我有一个小问题 在我的routes/index.js文件中，我有以下内容：Javascript 路由器读取head.html和tail.html文件时出现Express问题,javascript,html,css,express,router,Javascript,Html,Css,Express,Router,我是一名学生，我们正在关注Express，我有一个小问题 在我的routes/index.js文件中，我有以下内容： router.post('/orders.html', function(req, res, next) { var fhead = __dirname+ "/../views/head.html"; var head = fs.readFileSync(fhead, 'utf-8'); var ftail = __dirname+
router.post('/orders.html', function(req, res, next) {
var fhead = __dirname+ "/../views/head.html";
var head = fs.readFileSync(fhead, 'utf-8');
var ftail = __dirname+ "/../views/tail.html";
var tail = fs.readFileSync(ftail, 'utf-8');
//Do I need to add this???
//res.render('index', function (err, html) {
// if(err) throw err; }
var item = req.body.item;
var quantity = req.body.quanty;
var name = req.body.name;
var rep = item + " was ordered " + quantity +
" times by " + name;
res.send(head + rep + tail);
});
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>TITLE</title>
<link rel="stlesheet" style="text/css" href="bs/css/bootstrap.min.css">
<link rel="stylesheet" style="text/css" href="../public/css/style.css">
<script type="text/javascript" src="../javascript/popup.js"></script>
</head>
<body>
<header>
<a href="index.html" target="_self">
<img src="../public/images/logo.png" alt="Logo"></a>
<h1 id="titre">SHOP</h1>
<nav class="navbar navbar-default">
Nav bar
<ul class="horizontalbar">
<li onclick="popup()">Me</li>
<li><a href="contact.html" target="_self">Contact</a></li>
<li><a href="orders.html" target="_self">Orders</a></li>
</ul>
</nav>
</header>
<div class="container">
<h1>Wellecome!</h1>
<p1>babla</p1>
<link rel="stylesheet" style="text/css" href="../public/css/tail.css">
<div class="foot">
<span>textext</span>
<a href = "mailto: mail@com">Me</a>
</div>
</div>
</body>
</html>
标题
商店
导航条
好极了！
巴巴拉
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>TITLE</title>
<link rel="stlesheet" style="text/css" href="bs/css/bootstrap.min.css">
<link rel="stylesheet" style="text/css" href="../public/css/style.css">
<script type="text/javascript" src="../javascript/popup.js"></script>
</head>
<body>
<header>
<a href="index.html" target="_self">
<img src="../public/images/logo.png" alt="Logo"></a>
<h1 id="titre">SHOP</h1>
<nav class="navbar navbar-default">
Nav bar
<ul class="horizontalbar">
<li onclick="popup()">Me</li>
<li><a href="contact.html" target="_self">Contact</a></li>
<li><a href="orders.html" target="_self">Orders</a></li>
</ul>
</nav>
</header>
<div class="container">
<h1>Wellecome!</h1>
<p1>babla</p1>
<link rel="stylesheet" style="text/css" href="../public/css/tail.css">
<div class="foot">
<span>textext</span>
<a href = "mailto: mail@com">Me</a>
</div>
</div>
</body>
</html>
文本
非常感谢 您需要一个为CSS文件服务的端点，或者使用一个静态目录。 配置应用程序时，以下代码将设置一个静态服务的目录
app.use(express.static(path.join(__dirname, 'public')));
现在，请求将呈现缺少的css。您将需要一个为css文件提供服务的端点，或者使用一个静态目录。 配置应用程序时，以下代码将设置一个静态服务的目录
app.use(express.static(path.join(__dirname, 'public')));
现在请求将呈现缺少的css。您好！我的app.js文件中已经有这一行：Ocan you show me the full code。另外，最好使用path来最小化appHey中与各种路径使用相关的问题！这就是我们的问题所在，当我们调用post命令（orders）时，路由/索引没有保留css最终我得到了解决方案，只需在head和tail html文件中更改
href=“../public/css/style.css”href=“../css/style.css”href=“../public/css/style.css”href=“../css/style.css”