nuxt.config.js

/**
 * Nuxt.js配置文件
 */

module.exports = {
  router: {
    linkActiveClass: 'active',
    // 自定义路由表
    extendRoutes(routes, resolve) {
      // 清除 Nuxt.js基于 pages目录默认生成的理由规则
      routes.splice(0)
      routes.push(...[
        {
          path: '/',
          component: resolve(__dirname, 'pages/layout/'),
          children: [
            {
              path: '',
              name: 'home',
              component: resolve(__dirname, 'pages/home/'),
            },
            {
              path: '/login',
              name: 'login',
              component: resolve(__dirname, 'pages/login/'),
            },
            {
              path: '/register',
              name: 'register',
              component: resolve(__dirname, 'pages/login/'),
            },
            {
              path: '/profile/:username',
              name: 'profile',
              component: resolve(__dirname, 'pages/profile/'),
            },
            {
              path: '/settings',
              name: 'settings',
              component: resolve(__dirname, 'pages/settings/'),
            },
            {
              path: '/newArticle',
              name: 'newArticle',
              component: resolve(__dirname, 'pages/editor/'),
            },
            {
              path: '/edit/:slug',
              name: 'editArticle',
              component: resolve(__dirname, 'pages/editor/'),
            },
            {
              path: '/article/:slug',
              name: 'article',
              component: resolve(__dirname, 'pages/article/'),
            },
          ]
        },
      ])
    },

  },
  server: {
    host: '0.0.0.0',
    port: 3000
  },
  //注册插件
  plugins: [
    '~/plugins/request.js',
    '~/plugins/dayjs.js',
  ]
}