nuxtでgenerateしたファイルをローカルで実行する。

nuxtでgenerateすればdistフォルダに書き出すことができますが、ローカルで確認しようとすると、
そのままではパスの関係上で上手く実行できない。それを実行できるようにした。

やることは以下の２つ。

相対パスで認識するように書き換え

nuxt.config.js

export default {
   if(!ctx.isDev) {
      config.output.publicPath = '_nuxt/'
   }
}

index.html のnot be found回避

index.htmlを開くと「This page could not be found」になるので、index.vueを表示するように回避した。

nuxt.config.js

export default {
  router: {
    extendRoutes (routes, resolve) {
      routes.push({
        name: 'custom',
        path: '*',
        component: resolve(__dirname, 'pages/index.vue')
      })
    }
  }
}

これで、サーバー無しに実行・確認できますね。