javascript - CSS 未加载到 node.js 上的 easyrtc 应用程序中

Question

我的 easyrtc 应用程序中有一些 css 问题，这是我的物理文件结构

• 元素

  • 登录
    • CSS
      • 样式.css
    • js
      • 脚本.css
    • 登录.html
    • 注销.html
  • Node 模块
  • 静态的
    • 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"

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