nuxtでgenerateすればdistフォルダに書き出すことができますが、ローカルで確認しようとすると、
そのままではパスの関係上で上手く実行できない。それを実行できるようにした。
やることは以下の2つ。
#相対パスで認識するように書き換え
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')
})
}
}
}
これで、サーバー無しに実行・確認できますね。