nuxtでredirect-sslを利用してアクセスをhttpsに強制する

はじめに

昨今、ウェブページのSSL化は必須でございます。しかしながら、nuxtをherokuなどのPaaSにデプロイすると、httpアクセスを許容してしまいます。これをアプリ内で443にredirectしてくれるのが、redirect-sslというnpmです。

実装

redirect-sslをインストールします。

yarn add redirect-ssl

nuxt.config.jsに以下の通り記述します。

上記によりhttpへのアクセスがhttpsにリダイレクトされるようになります。ただし、これはproduction環境のみでの動作となります。dev環境では確認できませんので、yarn run devなどとしても、これといって変化は起こりません。

nuxtをherokuで運用するなら、必須と称しても過言ではないnpmだと思います。

Vue.js

Posted by poison