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 我的网络服务器在端口 8080 中运行的根是什么 虽然我通过this nodejs express solution 但恐怕可以将这种解决方案用于我现有的项目。如果是，我如何添加快速中间件来加载 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"

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