node.js (express) linking css/js

Question

I have problem with linking my css/js on my page. Linking on localhost:5000/books/1 not working but on the page localhost:5000/books/ working

app.use(express.static(__dirname + "/public"));

bookRouter.route('/')
            .get(function(req,res){
    res.render('books',{title:"Tytuł", nav:[
                            {
                                Link: "/Books",
                                Text: "Books"
                            },{
                                Link: "/Authors",
                                Text: "Authors"
                            }],
                            books: books
                       });


});

bookRouter.route('/:id')
            .get(function(req,res){

        var id = req.params.id;
      res.render('bookView',{title:"Tytuł", nav:[
                            {
                                Link: "/Books",
                                Text: "Books"
                            },{
                                Link: "/Authors",
                                Text: "Authors"
                            }],
                            book: books[id]
                       });


});

app.use('/books',bookRouter);

Route work but not linking css/jss. It looking in http://localhost:5000/books/lib/bootstrap/dist/css/bootstrap.min.css

Please, post the code that routes /books/:id...

Ivan Seidel
– Ivan Seidel

2016-01-16 21:20:36 +00:00
Commented Jan 16, 2016 at 21:20 — Ivan Seidel
– Ivan Seidel, Commented Jan 16, 2016 at 21:20

Wang Zhou · Accepted Answer · 2017-05-10 12:15:12Z

2

I have the same problem with yours. The point is why it looks for CSS files(or js) from http://localhost:5000/books/lib/bootstrap/dist/css/bootstrap.min.css instead of from http://localhost:5000/lib/bootstrap/dist/css/bootstrap.min.css

try to add

<base href="/">

in your html files. Mines worked.

answered May 10, 2017 at 12:15

Wang Zhou

413 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 11:47:02Z

1

You probably addressed the css files like this:

<link rel="stylesheet" type="text/css" href="lib/bootstrap/dist/css/bootstrap.min.css">

Replace it by:

<link rel="stylesheet" type="text/css" href="/lib/bootstrap/dist/css/bootstrap.min.css">

Take a look at this question if you want to learn more about absolute and relative pathes.

edited May 23, 2017 at 11:47

CommunityBot

11 silver badge

answered Jan 16, 2016 at 21:40

Aᴍɪʀ

7,8133 gold badges40 silver badges54 bronze badges

5 Comments

wroe12 Over a year ago

why href="/books/ I don't have dir book ? Now it looking books/books/lib

wroe12 Over a year ago

public => css, lib, js

wroe12 Over a year ago

Yes I have this folder

Aᴍɪʀ Over a year ago

where is it? Can you post the path to your bootstrap.min.css?

Aᴍɪʀ Over a year ago

If you don't start the path with /, it is going to be a relative path. It means whatever the url is, it is going to append it to the url. if you start it with /, it is going to be appended to your domain, not the url. so it would work for all urls. See this answer.

Collectives™ on Stack Overflow

node.js (express) linking css/js

2 Answers 2

Comments

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related