Node 和 Express 中的 Js 文件改为显示 HTML 文件

Question

我正在尝试启动我的第一个 Node、Express 和 Angular 项目，但目前资产管道存在问题。我不确定这是否是由于我的文件夹结构造成的（我尝试按照在线教程进行操作，但不确定它的设置方式是否是最佳实践，所以我很乐意提供建议）但是当我尝试连接我的 js 文件时而是加载 index.html。我收到的错误是Uncaught SyntaxError: Unexpected token <。

这是我的 server.js 文件：

// set up web server
var express = require('express');
var app = express();
var bodyParser = require("body-parser");

app.get('*', function (req, res) {
  res.sendFile(__dirname + '/views/index.html'); // load the single view file (angular will handle the page changes on the front-end)
});

// listen (start app with node server.js)
app.listen(3000, function() {
  console.log("server going");
});

我截取了屏幕截图，以便您可以更详细地查看我的文件夹结构、index.html 文件和错误消息

感谢所有帮助，因为我对此一无所知！

Answer 1

浏览器请求/public/js/app.js

服务器运行这段代码：

app.get('*', function (req, res) {
  res.sendFile(__dirname + '/views/index.html'); // load the single view file (angular will handle the page changes on the front-end)
});

...因为* 匹配任何内容，包括/public/js/app.js，并将其发送给 HTML 文档。

您必须编写服务器，以便它为浏览器提供浏览器要求的内容，而不是为所有内容提供index.html。

考虑为此使用the static module。