CSS未在node.js的easyrtc應用程序中加載

Question

我的easyrtc應用程序中存在一些CSS問題，這是我的物理文件結構

• 項目

  • 登錄
    • CSS
      • style.css文件
    • JS
      • script.css
    • 的login.html
    • logout.html
  • node_modules
  • 靜態的
    • server.js
    • 的package.json

在我定義的server.js中，

app.get('/', function(req, res, next) {
 res.redirect('/login');
});

和

app.get('/login', function(req, res, next) {
 res.sendfile('login.html', {root: './login'});
});

在我的login.html中，我包含以下鏈接

<link rel="stylesheet" href="css/login.css" media="screen" type="text/css" />

我也嘗試過

<link rel="stylesheet" href="./login/css/login.css" media="screen" type="text/css" />

但是此CSS文件未加載到瀏覽器中，我已經檢查了該元素。 但是源中有一個空的CSS文件。 我怎樣才能解決這個問題？ localhost：8080的根目錄是什么，我的Web服務器運行在端口8080中，盡管我通過了nodejs express解決方案，但恐怕會為現有項目使用這種解決方案。 如果是，如何添加快速中間件來加載CSS？ 提前幫助。 願FOSS與您同在。

Answer 1

與easyrtc一起使用的常規server.js（在server_example目錄中提供）具有一個名為static的目錄，該目錄充當要提供的靜態文件的根目錄。 例如，如果將名為xxx.html和yyy.css的文件放在靜態文件夾中，則可以將xxx引用為

  http://yoursite.com/xxx.html 

在xxx.html中，您可以在鏈接語句中引用yyy.css為

HREF = “yyy.css”

要么

HREF = “/ yyy.css”

不用說，子目錄按預期工作。