如何让快速路由到 angularjs 文件工作

Question

背景

我正在尝试使用 angularjs 上传文件，并尝试使用 nodejs 将其保存在文件中。 这整个设置我试图在我的本地服务器上完成。

我的 angular js 部分的索引文件位于名为 portal/standards.html 的文件夹中

我正在尝试使用根目录 server.js 中的文件使用 express 启动服务器，下面是我正在尝试执行的重定向。

服务器.js

app.get('/', function(req, res) {
  res.sendFile('portal/standards.html' , { root : __dirname});
});

问题

当我使用上述来自 express 服务器的重定向时，在我做实时服务器时可以正常工作的standards.html 不能正常工作。

我是 nodejs 服务器端的新手。 下面是我的错误，我的 css 和 js 文件的路径由于某种原因被破坏了（尽管当我直接加载它时它工作正常）

我的 HTML

 <link href="../libraries/common/bootstrap.css" rel="stylesheet">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="../libraries/common/normalize.css" />
  <link rel="stylesheet" href="../libraries/floating-label/floating-label.css" />
  <link rel="stylesheet" href="../libraries/top-menu/yamm.css">
  <link href="momtest/portal/css/portal.css" rel="stylesheet">
  <link href="css/template-wizard.css" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.3/styles/github.min.css">

Answer 1

您可以将 express 指向您的静态文件目录：

app.use(express.static('./portal/'));
// Optional any deep link calls should return index.html
app.use('/*', express.static('index.html'));

您应该只将静态资产放在您想要提供这些资产的目录中 - 不要包括您当前包含的 php 文件，以便您在逻辑上划分目录结构。

从逻辑上划分它意味着您有一个目录（以及您需要的任何子目录）用于静态文件（即在浏览器中运行的代码）和服务器文件。 常见的应用程序结构是（文件名只是示例）：

我的应用程序
--src
- 客户
- 应用程序
--angular-module1
--angular-module2
- 等等...
- 服务器
应用程序.js
等等...

这只是一个例子。 关于如何构建 express 和 angular 应用程序，您可以研究然后决定哪种方法最适合您的项目，存在不同意见。