2016-05-31 1 views
-1

Mac에서 실행됩니다.Node.js의 색인 페이지가 CSS 또는 자바 스크립트 파일을 읽지 않습니다.

모든 파일은 라이브러리/웹 서버/문서/에 있습니다. 내가 노드에게 하는 index.js 코드를 실행하면

: 나는 HTML 파일을 열 경우

<link rel="stylesheet" href="css/style.css" /> returns: { 

    Failed to load resource: the server responded with a status of 404 (Not Found) 

} 

그러나, 그것은 모든 것을 읽습니다.

추한 버그는 무엇입니까?

+0

코드 조각의 루트 감독을 참조하는 전역 변수이기 때문에 위의 함수에서

는 것과 __dirname 유지 " –

+1

'index.js' 파일 안에 코드를 제공 할 수 있습니까? 다른 도움이되지 않습니다. –

답변

2

이러한 리소스를 사용하기 전에 포함시켜야합니다. 당신이 이미지 /의 JS/CSS 등의 내용이 정합니다 폴더를 public'is app.use(express.static(__dirname + '/public'));

'

당신은 그것을 할 수 있습니다. http://expressjs.com/en/starter/static-files.html

+0

이것을 어떻게 배우십니까? 좋은 튜토리얼이 있습니까? –

+0

나는 http://www.tutorialspoint.com/에서 노드의 기본을 배웠으며 또한 익스프레스 js 공식 사이트 –

0

당신은

내가 추천 할 것입니다 노드가 HTML에서 참조하는 모든 같은 CSS 파일과 같은 폴더에있는 파일, 또는 다른 것들을 제공 할 수 app.use(express.static(path.join(__dirname, 'Documents'))); 이를 사용할 수 있습니다 자세한 내용을 보려면 다음 사이트를 방문

위의 미들웨어에 전달할 수있는 공용 폴더에 모든 서비스 (HTML, CSS, JS)를 배치합니다. 링크 확인해 = "스타일 시트"HREF = "CSS /있는 style.css :이 응용 프로그램

+0

에서 이것을 배웠니? 좋은 튜토리얼이 있습니까? –

관련 문제