Angular 仅在我指定 app.get("*"[...]); 时才有效在我的 server.js 中

Question

我刚开始使用服务器端 JavaScript 进行开发，这是我的第一个项目。

它是我自己的云服务器的命令和控制服务器，使用 Angular、Expressjs 和引导程序运行。目前我在添加停止服务器按钮的功能时遇到了麻烦。

它应该有一些代码通过ssh 登录到服务器并做所有必要的事情来优雅地关闭它。

问题是，我真的不能（也不想）通过浏览器脚本添加它，因为我想使用 ssh 库。通过按下按钮来运行服务器端脚本似乎根本不可能（请告诉我无论如何，这将是我所有问题的解决方案:)）。

所以我想我可以在用户单击按钮并在 app.get 回调函数中执行操作时将其重定向到 /on 页面。这就是问题所在：在我的server.js（主节点服务器）中，我现在定义了“两个”端点

app.get("*", (req, res) =>{
  res.sendFile(path.join(__dirname, "src/index.html"));
});

和

app.get("/on", (req, res) =>{
  console.log("redirecting...");
  //DO SOMETHING
  res.redirect("/");
});

在第二个中，我想执行 ssh 操作。 但是当我将第一个代码块更改为（注意 / 而不是 *）

app.get("/", (req, res) =>{
  res.sendFile(path.join(__dirname, "src/index.html"));
});

整个应用似乎不再有棱角。所有角度组件都会显示，但它们只是空的，没有填充我在 app.component.html 中定义的内容。为什么会发生这种情况，我该如何解决？感谢您的任何帮助 ;） PS：所有代码都可以在：GitHub

Answer 1

有很多事情你最好做，但为了让答案简短，你需要做一些改变，这样你就可以让它运行起来，首先，app.get("*", ...) 重定向每个 get 到那个代码块，所以你需要做这个：

//Parsers
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended: false}));

//Angular DIST output folder
app.use(express.static(path.join(__dirname, "dist")));


app.get("/", (req, res) =>{
  res.sendFile(path.join(__dirname, "dist/index.html"));
});

app.get("/on", (req, res) =>{
  console.log("redirecting...");
  //DO SOMETHING
  res.redirect("/");
});

注意一个变化，你不想调用 src/index，你想构建 angular 到 dist 文件夹并使用那个 index.html，第二，路由“/”将重定向到主页，“ /on" 现在将输入所需的端点。如果这几乎是你想对端点做的所有事情，我想这很好，但如果你想构建更复杂的东西，我会把事情抽象出来。希望这会有所帮助，干杯。