如何讓快速路由到 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 應用程序，您可以研究然后決定哪種方法最適合您的項目，存在不同意見。