Node.js + Express最简单的SPA示例
Node.js + Express最简单的SPA示例
提问于 2017-10-24 08:21:45
我想让一个小小的SPA应用程序发挥作用。
我的应用程序文件夹中有以下结构：
/about.html
/index.html
/index.jsindex.js：
const express = require('express');
const app = express();
const path = require('path');
const staticHref = '/static';
const publicFolder = path.join(__dirname, '/');
app.use(staticHref, express.static(publicFolder));
app.use(staticHref, function(req, res) {
res.send(404);
});
app.all('/*', function(req, res) {
res.sendFile('index.html', {root: publicFolder});
});
app.listen(3000, function(){
console.log('running');
});index.html：
<!DOCTYPE html>
<html>
<head>
<title>Homepage</title>
</head>
<body>
<h1>Homepage</h1>
<a href="/static/about">About</a>
</body>
</html>about.html：
<!DOCTYPE html>
<html>
<head>
<title>About Us</title>
</head>
<body>
<h1>About Us</h1>
<a href="/static">Home</a>
</body>
</html>当我去http://localhost:3000/static/的时候，它会显示我的主页。但是，当我单击about链接时，它会在http://localhost:3000/static/about上抛出404
我怎样才能解决这个问题？我想把它作为SPA使用(所以在浏览页面时不需要刷新)。
谢谢!
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-10-24 08:43:12
这不是SPA，您有多个静态页面，基本上是将所有请求发送到您的index页面，不允许用户访问任何其他静态页面，比如about。
您需要研究SPA以及它们是如何工作的，因为它们不是这样配置的。您可以使用JavaScript框架(反应、角度等)。要做到这一点，可以在客户端或服务器端进行路由匹配。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46905508
复制相关文章
相似问题
腾讯云开发者
