Связанный файл CSS в Джейд не загружается

Question

Это то, что моя структура каталогов выглядит

--votingApp 
    app.js 
    node_modules 
    public 
     css 
     mystyle.css 
    views 
     test.jade 
     mixins.jade 

Я написал некоторые блоки общего назначения в mixins.jade. test.jade является основным файлом. «biolerplate», «nav», «nav item» - это разные блоки в mixins. Это то, что test.jade выглядит

include mixins 
doctype html 
html(lang="en") 
    head 
     +boilerplate 
     link(rel="stylesheet",type="text/css",href="../public/css/mystyle.css") 
    body 
     +nav("Voting app","navigation_menu") 
      +nav_item("#","active") Home 
      +nav_item("#") Signup 
      +nav_item("#") Login 

И это мой app.js файл

var express=require('express'); 
var path=require('path'); 
var app=express(); 
app.use(express.static(path.join(__dirname,'public'))); 
app.set('views','./views'); 
app.set('view engine','jade'); 
app.get('/',function(req,res){ 
    res.render('test.jade'); 
}); 
app.listen(8000); 

Проблема заключается в том, что mystyle.css не является loaded.The вариант сети в проявитель консоль mozilla показывает, что ошибка 404 для запроса для mystyle.css (request url- http://localhost:8000/public/css/mystyle.css) Что мне делать, пожалуйста, помогите? Спасибо за чтение.

Answer 1

Вам не нужен относительный путь при загрузке css, поэтому вы определили свой общий каталог как static resource.

Update ваша ссылка линия это:

link(rel="stylesheet",type="text/css",href="/public/css/mystyle.css")

Answer 2

Просто используйте:

link(rel="stylesheet",type="text/css",href="/css/mystyle.css") 

Answer 3

Относительный путь никогда не работать с Node.js так делают его абсолютным, как

link(rel="stylesheet",type="text/css",href="css/mystyle.css") 

, и вы устанавливаете свой каталог как общедоступную папку, используя следующую строку:

app.use(express.static(path.join(__dirname,'public'))); 

так отбросить писать public css в пути.