Express를 통한 정적 파일 호스팅
6341 단어 express
Express를 통한 정적 파일 호스팅
Express 내장형
express.static을 사용하면 이미지, CSS, JavaScript 파일 등 정적 파일을 손쉽게 관리할 수 있습니다.정적 자원 파일이 있는 디렉터리를 매개 변수로
express.static 중간부품에 전달하면 정적 자원 파일에 접근할 수 있습니다.예를 들어, public 디렉토리에 그림, CSS, JavaScript 파일이 배치되어 있다고 가정하면 다음을 수행할 수 있습니다.app.use(express.static('public'));
이제
public 디렉터리 아래의 파일에 접근할 수 있습니다.http://localhost:3000/images/kitten.jpg
http://localhost:3000/css/style.css
http://localhost:3000/js/app.js
http://localhost:3000/images/bg.png
http://localhost:3000/hello.html
모든 파일의 경로는 저장 디렉터리에 상대적이기 때문에 정적 파일을 저장하는 디렉터리 이름은 URL에 나타나지 않습니다.
정적 자원을 여러 디렉터리 아래에 저장하면
express.static 중간부품을 여러 번 호출할 수 있습니다.app.use(express.static('public'));
app.use(express.static('files'));
정적 자원 파일에 접근할 때
express.static 중간부품은 디렉터리에 추가된 순서에 따라 필요한 파일을 찾습니다.express.static로 접근한 모든 파일을'가상(virtual)'디렉터리(즉 디렉터리가 존재하지 않음) 아래에 저장하고 싶다면 정적 자원 디렉터리에 마운트 경로를 지정하는 방식으로 다음과 같이 할 수 있다.app.use('/static', express.static('public'));
이제 '/static' 접두사가 있는 주소를 통해
public 디렉터리 아래의 파일에 접근할 수 있습니다.http://localhost:3000/static/images/kitten.jpg
http://localhost:3000/static/css/style.css
http://localhost:3000/static/js/app.js
http://localhost:3000/static/images/bg.png
http://localhost:3000/static/hello.html
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
express를 사용하여 AWS S3 이미지에 액세스하기 위해 미리 서명된 URL을 생성하는 방법은 무엇입니까?이를 달성하는 방법 중 하나는 미리 서명된 URL을 사용하는 것입니다. However, the object owner can optionally share objects with others by creating a...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
