以下の内容はhttps://shuzo-kino.hateblo.jp/entry/2016/02/07/221643より取得しました。


express4で静的ファイルを表示させる

expressの機能の一つである、express#staticを使うことで、静的ファイルを表示させる事ができます。

実際のところ

dataディレクトリにある画像を表示させるスクリプト例は以下の通り。
所属ファイルを一々書く必要はありません。

// ./app.js
var express = require('express');
var app = express();

app.use('/data', express.static('data'));

app.listen(3000, function () {
  console.log('Example app listening on port 3000!');
});

今回は表示用画像として日本国旗を採用します。
国旗 - Wikipediaから日本国旗の画像を調達し、dataディレクトリに移動します。
最終的には、以下の様な構成になるでしょう。

$ tree -L 2
.
├── app.js
├── data
│   └── Flag_of_Japan.png
├── node_modules
│   ├── express
│   └── public
└── package.json

起動した上で以下のにアクセスすると、ちゃんと日本国旗がでてきます。
http://localhost:3000/data/flag_of_japan.png




以上の内容はhttps://shuzo-kino.hateblo.jp/entry/2016/02/07/221643より取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14