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”

不用说，子目录按预期工作。