| |

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をそのままアップロードすれば、こんな感じで公開できました

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

類似投稿

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

This site uses Akismet to reduce spam. Learn how your comment data is processed.