coreserverでもNuxt.jsが動くか確認
Vue.jsを使っていくと、最終的にはNuxt.jsにたどり着くらしいので、これがcoreserverで動くことの確認をしました。
npx create-nuxt-app nuxt-app1
1.好きなUI:Bootstrap
2.サーバーサイドのフレームワーク:None
あとは適当に選択。
とりあえず、そのままbuildして公開できるか確認しました。
buildする前に、ホームページのサブディレクトリに公開するので、nuxt.config.jsにrouter:と、head:の中にbase:『url:}の2つを追加します。
//最初の方に公開するurlに続くサブディレクトリを記載し、headの中にbase urlを追加する
router: {
base: '/vuejs/dist/'
},
head: {
title: process.env.npm_package_name || '',
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ hid: 'description', name: 'description', content: process.env.npm_package_description || '' }
],
link: [
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
],
base: {
href: 'router.base'
}
},
これで、build可能です。
npm run generate
.nuxtというフォルダの下にdistというフォルダができるので、distをそのままアップロードすれば、こんな感じで公開できました。

これで、安心して勉強できる??