Node.js, Express 및 EJS 프로젝트에 CSS 파일을 올바르게 포함하는 방법은 무엇입니까?

Node, Express 및 EJS 애플리케이션에 CSS 파일 포함

Node.js, Express 및 EJS로 작업할 때 다음과 같은 문제가 발생할 수 있습니다. 프로젝트에 CSS 파일을 포함하는 데 어려움이 있습니다. 이 문제는 개발자 콘솔에서 CSS 파일 유형이 'text/css'가 아닌 'text/html'로 잘못 설정되었을 때 발생합니다.

이 문제를 해결하려면 다음 단계를 따르세요.

server.js 파일:

<code class="js">app.use(express.static(__dirname + '/public'));</code>

이 줄은 CSS를 포함한 정적 파일이 'public' 디렉터리에서 제공되도록 합니다.

EJS 파일에서:

<code class="ejs"><link rel="stylesheet" type="text/css" href="css/style.css"></code>

'css' 디렉터리 앞에 선행 슬래시 '/'를 포함할 필요가 없습니다.

설명:

• '/public' 디렉터리를 정적 파일 경로로 포함하면 CSS 파일이 올바르게 제공됩니다.
• EJS에서 올바른 CSS 파일 경로를 지정하면 스타일시트.

위 내용은 Node.js, Express 및 EJS 프로젝트에 CSS 파일을 올바르게 포함하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!