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

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

索引.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>

标头.htm

<h1>heading one</h1>

服务器.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

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

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

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

索引.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>

服务器.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);

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

相关内容

最新更新

热门标签：