익스프레스 JS 부분로드되지 스타일

여기이의 의견에익스프레스 JS 부분로드되지 스타일

<link href="https://fonts.googleapis.com/css?family=Dosis" rel="stylesheet"> 
<link href="../../public/stylesheets/styles.css" rel="stylesheet" type="text/css">

, 내 일부 파일 중 하나 (head.ejs)에있어거야. 'public'폴더는 두 개의 디렉토리입니다.

내 app.js 파일에는 특별한 것이 없습니다. 그냥 기본적인 라우팅 물건.

내 앱을 실행할 때마다 styles.css가 적용되지 않습니다. Chrome 개발 도구의 소스 중 하나로 볼 수 있지만 비어있는 것 같습니다. 여기

은을 styles.css 파일 여기

body { 
    font-family: 'Dosis', sans-serif; 
    font-size: 5em; 
    color: red; 
}

있는 서버에서 제공 할 때 ../../을 줄 수없는 home.ejs이

<!DOCTYPE html> 
<html lang="en"> 

    <head> 
     <% include ./partials/head %> 

     <title><%= title %></title> 
    </head> 

    <body class="container"> 

     <main> 
      <div class="jumbotron"> 
       <h1>Hello!</h1> 
       <p>Welcome!</p> 
      </div> 
     </main> 


     <% include ./partials/scripts %> 
    </body> 


</html>

출처

2016-09-16 Human Cyborg Relations

파일입니다.

대신, 명시 적으로

app.use(express.static(path_to_public_folder));

을 추가 및 수정 head.ejs에

<link href="https://fonts.googleapis.com/css?family=Dosis" rel="stylesheet"> 
<link href="/stylesheets/styles.css" rel="stylesheet" type="text/css">

출처

2016-09-16 18:41:44

익스프레스 JS 부분로드되지 스타일

답변

관련 문제