Fix https + canonical link

layouts/default.vue

@@ -19,6 +19,18 @@
   </div>
 </template>
 
+<script>
+export default {
+  head() {
+    return {
+      link: [
+        { rel: 'canonical', href: `https://hn.nuxtjs.org${this.$route.fullPath}` }
+      ]
+    }
+  }
+}
+</script>
+
 <style lang="stylus">
   body
     font-family -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;

middleware/https.js

 export default ({ isDev, req, redirect }) => {
   // Redirect to https
-  if (!isDev && req && !req.connection.encrypted) {
-    return redirect(301, `https://${req.headers.host}${req.url}`)
+  if (!isDev && req) {
+    const protocol = req.headers['X-Forwarded-Proto'] || (req.connection.encrypted ? 'https' : 'http')
+    if (protocol === 'http') {
+      return redirect(301, `https://${req.headers.host}${req.url}`)
+    }
   }
 }