Nuxt.jsでrouterのbaseがうまく動作しない。

Question

nuxtでトップページをhttps://〜〜〜〜〜(ホスト名)/aaa/に表示したく、次のように設定したく、nuxt.config.jsを以下のように記述しました。

const pkg = require('./package')

const environment = process.env.NODE_ENV || 'development';
const envSet = require(`./env.${environment}.js`);
Object.assign(envSet, require("./env.common.js"))

module.exports = {
  mode: 'universal',

  env: envSet,

  router: {
    base: '/aaa/'
  },

  /*
  ** Headers of the page
  */
  head: {
    titleTemplate: '%s' + envSet.titleTemplate,
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: pkg.description }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
    ]
  },

  /*
  ** Customize the progress-bar color
  */
  loading: { color: '#fff' },

  /*
  ** Global CSS
  */
  css: [
  ],

  /*
  ** Plugins to load before mounting the App
  */
  plugins: [
  ],

  /*
  ** Nuxt.js modules
  */
  modules: [
    // Doc: https://github.com/nuxt-community/axios-module#usage
    '@nuxtjs/axios'
  ],
  /*
  ** Axios module configuration
  */
  axios: {
    // See https://github.com/nuxt-community/axios-module#options
  },

  /*
  ** Build configuration
  */
  build: {
    /*
    ** You can extend webpack config here
    */
    extend(config, ctx) {
    }
  }
}

しかし、npm run devしてlocalhost:3000/aaa/にアクセスすると次のエラーが出ます。

baseを"/"にしてlocalhost:3000にアクセスするとpages/index.vueが開けます。
環境はnpx create-nuxt-appで作っています。

nuxt 2.0.0

Answer 1

試しにnpx create-nuxt-appで作成した初期状態のアプリでrouter: { base: '/aaa/' }を設定しましたが、正常に動作するようです。

env: envSetの部分がどうなっているのかがわかりませんが、そちらが原因かもしれません。

もしくは、ホットリロードではなくて、一度サーバーを切ってから、再度npm run devをしてみると直るかもsれません（試していると思いますが）。

Comments

[Asmape]

すみません自己解決しました。
nuxtのミドルウェアとしてexpressを使っており、そのexpressに独自にルーティング設定を追加していたのですが、そちらにサブパスを反映させるのを忘れていたようです。

[NozomuIkuta]

解決したようでよかったです。