2017-12-15 16 views
2

나는 페이지가,어떻게 ejs와 CSS 스타일을 사용할 수 있습니까?

server.js

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

app.get('/link', (req, res) => { 
    res.render('link' , { 
     title: 'this is title' 
    } 
)}; 

보기/link.ejs

<% include partials/header %> 
<%= title %> 
<p class="myStyle">this is sample text in center</p> 

보기/파셜/header.ejs

<link rel="stylesheet" type="text/css" href="css/style.css"> 
나는 다음과 같은 URL을 넣을 경우

공공/CSS /있는 style.css는

.myStyle { 
    text-align: center"; 
} 

때문에,이 페이지는 잘 작동 - 댄>localhost:8080/link/ ->localhost:8080/link

하지만 난 이런 식으로 URL을 넣을 경우 스타일이 일치하지 않습니다.

무엇을 할 수 있습니까 ??

답변

1

어떻게 파일 디렉토리를 구조화 했습니까? 나는 두 번째 URL에있는 것처럼 '/'를 URL의 끝에 추가하면 브라우저가 하위 디렉토리 'link'를 보도록 지시하고있는 것처럼 문제가 거기에 있다고 상상합니다. 즉, 내부의 한 단계 더 내려간 것입니다. 귀하의 파일 구조.

+0

괜찮아요. 알아 냈습니다 그냥 href 링크 앞에 '/'를 추가하십시오 /css/style.css 덕분에 효과가있었습니다. –