Express를 사용하여 정적 파일을 호스팅하는 방법

이번에는 Express를 사용하여 정적 파일을 호스팅하는 방법과 Express를 사용하여 정적 파일을 호스팅할 때 어떤 주의사항이 있는지 보여드리겠습니다. 다음은 실제 사례입니다. 살펴보겠습니다.

Middlewareexpress.static

express를 사용하여 디렉터리를 초기화할 때 app.js에서 app.use를 많이 보게 됩니다.

주요 미들웨어 중 하나는 express.static입니다(미들웨어는 버전 4.0에도 그대로 유지됩니다)

var express = require('express');
var app = express();
app.use('/static',express.static('public'));

Express.static은 정적 파일, js, css, img 등을 호스팅하는 데 도움이 될 수 있습니다.

express.static은

기본적으로

을 사용합니다. 프로젝트 디렉토리의 public 아래에 css, js, img 및 기타 폴더가 있습니다.

서버를 시작할 때 데이터에 액세스할 수 있도록 Express를 통해 호스팅해야 합니다.

app.js에

var express = require('express');
var app = express();
app.use(express.static('public'));

를 추가하면

http://localhost:3000/css/style.css
http://localhost:3000/js/style.js
http://localhost를 전달할 수 있습니다. 3000/img/style.png

참고:모든 파일의 경로는 저장소 디렉터리에 상대적이므로 정적 파일이 저장된 디렉터리 이름은 URL에 표시되지 않습니다.

가상 디렉터리

는 정적 리소스 디렉터리의 탑재 경로를 지정하여 구현됩니다.

정적 파일에 가상 디렉터리를 추가하면 때로는 통합된 방식으로 URL을 관리하기가 더 쉬워지고 리소스의 속성을 한 눈에 볼 수도 있습니다.

var express = require('express');
var app = express();
app.use('static',express.static('public'));

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

Vue를 작동하여 경로의 # 기호를 제거하는 방법

vue를 사용하여 빈 공간을 클릭하여 div 구현을 숨기는 방법

위 내용은 Express를 사용하여 정적 파일을 호스팅하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!