CSS is not loading in easyrtc application on node.js

Question

I've some css issues in my easyrtc application, Here is my physical file structure

project
- login
  - css
    - style.css
  - js
    - script.css
  - login.html
  - logout.html
- node_modules
- static
  - server.js
  - package.json

In the server.js I've defined,

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

and

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

In my login.html I've include following link

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

Also I've tried with

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

But this css file is not loading to browser, I've inspect the element. But there was an empty css file in sources. How can I fix this? What is the root of localhost:8080 my webserver running in port 8080 Although I go through the this nodejs express solution but I'm afraid can use this kind of solution for my existing project. If yes how can I add express middle-ware to load css? Help in advance. May the FOSS be with you.

your route terminator is just function(req,res), no next argument since you won't be moving on to a next middleware call. That said, how are you exposing the CSS? Do you have the login dir marked as static so that all its content is web-visible? If not, no URL is going to ever get to it without an app.get(...) dedicated to it — Mike 'Pomax' Kamermans
– Mike 'Pomax' Kamermans, Commented Nov 26, 2014 at 1:22

Exhausted · Accepted Answer · 2014-12-05 06:02:49Z

1

The usual server.js used with easyrtc (as supplied in the server_example directory) has a directory called static that serves as the root directory of the static files getting served. For example, if you put files called xxx.html and yyy.css in the static folder, you could reference xxx as

  http://yoursite.com/xxx.html

and inside xxx.html you could reference yyy.css in your link statements as

href="yyy.css"

or

href="/yyy.css"

Needless to say, subdirectories work as expected.

edited Dec 5, 2014 at 6:02

Exhausted

1,8932 gold badges23 silver badges33 bronze badges

answered Dec 5, 2014 at 5:32

Eric Davies

782 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jedi Dula Over a year ago

Thank you very much @Eric I've put those file in static directory and it's work. But You gave the answer with reasons. Thanks again...

Collectives™ on Stack Overflow

CSS is not loading in easyrtc application on node.js

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related