プログラム関係の備忘録。技術系記事1000記事以上を目指すブログ

expressでviewに画像を指定するときのポイント

  • 2019年7月26日
  • 2019年7月26日
  • JavaScript
  • 490view
  • 0件

この記事の目的

静的htmlのように普通に画像ディレクトリのあるパスを指定しても表示されなかった。expressを使ってpugなどで画像パスを指定するときはまず画像があるディレクトリを読み込んであげる必要があった。

追加するコード

app.use(express.static(path.join(__dirname, 'public')))

上記をトップのファイル(app.js)などに追記することで、この場合publicディレクトリが読み込めるようになる。

pugでの指定方法は以下のようにする

img(src="/***/***.jpg" alt="sample")