个人中心
文章发布
退出
作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用？
- database - RESTful URI 是否应该公开数据库主键？
25
4
我目前正在构建一个包含多个页面的网络应用程序。但是，这些页面中的每一个都有多个 View 。最初的设计是将每个页面都设置为一个 SPA，只从 Node.js 后端提供 index.html，让 React.js 处理所有 View 路由。
事实证明这比我想象的要复杂。问题来了。
Node.js 路由(片段):
router.get("/", function(request, response){
response.sendFile("/index.html", {
root: __dirname + "/../client/pages/home/"
});
});
然后在 index.html(片段)中:
<html>
<head>
<title>New Website</title>
</head>
<body>
<h1>Welcome to my website..</h1>
<div id="App">
</div>
<script src="index.js"></script>
</body>
</html>
未包含 index.js。当浏览器尝试包含 index.js 时，它正在从 Node.js 服务器请求路由 www.example.com/index.js ，这显然没有设置，所以我正在收到 Cannot GET/index.js 响应。
每个 SPA 都在各自的文件夹中，包含 index.html 和 index.js。目前不能选择包含所有 js 文件的公用文件夹。
============================================= ===========================
clientController.js
module.exports = function(app){
router.get("/", function(request, response){
app.use("/", express.static(__dirname + "/../client/pages/page1/"));
response.sendFile("index.html", {
root: __dirname + "/../client/pages/page1/"
});
});
router.get("/page2/*", function(request, response){
app.use("/", express.static(__dirname + "/../client/pages/page2/"));
response.sendFile("index.html", {
root: __dirname + "/../client/pages/page2/"
});
});
return router;
};
server.js
var routes = require("controllers/clientController.js");
app.use("/", routes);
接受的答案，我还必须在 sendFile() 行中添加，以防止请求挂起。这会解决响应并允许 HTML 文件中包含的文件的正确路径。
最佳答案
如 ExpressJs documentation 中所述，您必须使用 express.static(root, [options]) 创建一个管理您网站的中间件。这是Express中唯一内置的中间件功能。
在你必须初始化你的 express 应用程序之前:
var express = require('express');
var app = express();
然后开始添加中间件:
注意:您可以添加多个中间件，并按顺序链接它们。换句话说，您可以在网站中间件之前添加 header 处理程序。
app.use(function (req, res, next) {
/* you can also handle https redirection */
// if (req.protocol != "https") {
// res.writeHead(301, {"Location": "https://" + req.headers['host'] + req.url});
// res.end();
// return;
// }
// here you can config you response headers
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
res.header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS');
next(); // this will pass the request to the next middleware
});
要使用 ExpressJs 创建中间件网站，您必须将 express.static 与您的相关网站文件夹一起使用，并将您的默认页面命名为 index.html
app.use("/", express.static('PATH_TO_WEBSITE FOLDER'));
var express = require('express');
var app = express();
app.use(function (req, res, next) {
/* you can also handle https redirection */
// if (req.protocol != "https") {
// res.writeHead(301, {"Location": "https://" + req.headers['host'] + req.url});
// res.end();
// return;
// }
// here you can config you response headers
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
res.header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS');
next(); // this will pass the request to the next middleware
});
app.use("/", express.static('PATH_TO_WEBSITE FOLDER'));
var httpServer = http.createServer(app);
httpServer.listen(80, "HERE_PUT_YOUR_DOMAIN", function () {
console.log('HTTP: express-example running on port ' + 80 + '.');
});
关于javascript - 不能在 ExpressJS 提供的索引文件中包含 JS 文件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39331826/
25
4
0
我是 javascript 的新手(今天开始弄乱它)。 我正在尝试更改名为“bar”的元素(div)的高度。条形图将成为图表的一部分。 我可以毫无问题地将按钮连接到更改栏高度的函数。一切正常，除了条形
错误 -> “UIVIew”没有名为“addSubView”的成员 override func viewDidLoad() { super.viewDidLoad() // Do an
我在命令行工具项目中复制并粘贴了 main.swift 下面链接中的代码。 How do you use CGEventTapCreate in Swift? 它构建没有错误，但是当我运行时， gua
我在尝试编译我的代码时遇到以下错误。 ERROR! ..\myCode\CPOI.cpp:68:41: error: cannot dynamic_cast 'screenType' (of type
我正在尝试将多个字符串连接到一个我已为其分配内存的字符串指针。这是一个例子: char *finalNumString = malloc(sizeof(char)*1024); finalNumStr
我在使用 dup2() 和 pipe() 时遇到问题。 当我尝试将管道的写入端 dup2 到 STDOUT_FILENO 时，我收到了 EBADF。 我用 gdb 在 dup2(pout[1], ST
首先，我应该说我运行的是 Windows 7。 因此，今天早上我尝试像往常一样从我的存储库中提取数据，但我做不到。我得到了错误: The authenticity of host 'github.co
刚开始在虚拟环境中运行Python，乱用Django，无法激活虚拟环境。 花了最后 4 个小时尝试在本地终端/VS 代码上激活虚拟环境 (venv)，但没有成功。 避免使用“sudo pip inst
Tidyverse 的粉丝经常给出使用小标题而不是数据框的几个优点。它们中的大多数似乎旨在保护用户免于犯错误。例如，与数据框不同，小标题: 不需要 ,drop=FALSE不从数据中删除维度的论据。 不
我一直在对 Elm 应用程序进行 docker 化时遇到问题。据我所知，我已经创建了一个完整且有效的 Docker 文件……但它不起作用。 我会解释的。 所以我的脚本在 3 个文件中运行。 首先是启动
我可以在 Controller 中使用@Autowired，例如 @RestController public class Index { @Autowired HttpServlet
我定义了一个方法和一个函数: def print(str:String) = println val intToString = (n:Int) => n.toString 现在我想创作它们。 我的问
当我控制台单独记录变量“pokemons”时，它确实返回一个数组。但是当我尝试映射它时，出现错误: TypeError: pokemons.map is not a function 我的代码: im
每当我尝试在 Python 解释器中导入 smtplib 时，都会收到此错误: ImportError: cannot import name fix_eols 我该如何解决这个问题？ 编辑:这是完整
我正在使用 Meteor.js 开发一个项目，但在使用 Handlebar 时遇到了一些问题:我想检索集合的最后一项，并显示字段:其中包含 html 的文本: 这是我的javascript代码: Te
你好，我想使用 Service 实现 GestureDetector 但是我有这个错误The method onTouchEvent(MotionEvent) of type GestureServi
我正在尝试在 Controller bean 中 Autowiring 接口(interface) 在我放置的上下文配置文件中 和 我的 Controller 类是 @Controller pub
我试图在 mainwindow.cpp 中包含 QtSvg，但是当我编译时它说无法打开包含文件:QtSvg。我已经在我的 *.pro 文件中添加了这个(QT += svg)。我可以知道可能是什么问题吗
鉴于以下 PostgreSQL 代码，我认为这段代码不容易受到 SQL 注入(inject)攻击: _filter 'day' _start 1 _end 10 _sort 'article_name
我想执行以下操作。这在 MySQL 中是非法的。 PostGRESQL 中关联的 CTE(“with”子句)有效。这里的假设是 MySQL 中的子查询不是完全限定的 CTE。 请注意:这个查询显然非常
我是一名优秀的程序员,十分优秀！