vue
nuxt.js

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

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')
})
}
}
}


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