ng-include 不适用于 node.js 服务器答案

【问题标题】：ng-include is not working with node.js serverng-include 不适用于 node.js 服务器
【发布时间】：2021-10-14 18:38:25
【问题描述】：

我使用 angular.js 和 node.js 服务器创建了一个简单的页面，ng-include 不起作用。控制台错误：404（未找到）

index.html

<html>
<script 
src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js">
</script>
<body>
<div ng-app="">
<div ng-include="'views/header.htm'"></div>

<h1>heading one</h1>
</div>

</body>
</html>

header.htm

  <h1>heading one</h1>

server.js

var express = require('express');
var app = express();
var bodyParser =  require("body-parser");
app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json());



app.get('/', function(req, res){
res.sendFile(__dirname + '/' + 'index.html');
console.log("----------------");
});

app.listen(3000);

输出

  heading one

【问题讨论】：

标签： javascript angularjs node.js angularjs-directive mean-stack

【解决方案1】：

404 表示文件不存在。确保 HTML 文件存在于给定路径中。此外，还有一个拼写错误。应该是views/header.html

<div ng-include="'views/header.html'"></div>

【讨论】：

当我将 ng-include 与 node.js 一起使用时，出现错误控制台 404 未找到
我已经用过这个`
`

【解决方案2】：

我不确定这是否是正确的方法，但它有效。为要包含的 html 文件添加另一个 get 方法。

index.html

<html>
<script 
src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js">
</script>
<body>
<div ng-app="">
<div ng-include="'/header'" method="GET"></div>
<h1>heading one</h1>
</div>
</body>
</html>

server.js

var express = require('express');
var app = express();
var bodyParser =  require("body-parser");
app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json());



app.get('/', function(req, res){
res.sendFile(__dirname + '/' + 'index.html');
console.log("----------------");
});
app.get('/header', function(req, res){
res.sendFile(__dirname + '/' + 'header.html');
console.log("----------------");
});
app.listen(3000);

如果有任何建议/更正/更好的方法，我想知道。

【讨论】：