VuePressでホットリロードが効かないときの対処法

vuepress dev

VuePressでは上記のコマンドでローカルサーバーを立てることができ、
ファイルに変更があった場合、ブラウザのリロードなしに自動的に更新が適用されます。

しかし、自分の環境（WSL1）ではこのホットリロードが効きませんでした。
その場合、以下のような記述をconfig.jsに記述することで解決しました。

module.exports = {
  host: "localhost"
}

config.jsはVuePressの全般的な設定を書いておくファイルで、
慣習的にはdocs/.vuepress以下に配置されます。

hostプロパティではdevサーバーで使うホストを設定できます。
値はデフォルトで'0.0.0.0'になっているようですが、
今回は'localhost'と設定を変更することで正常にホットリロードが効くようになりました。

Kilimanjaro Warehouse