SSR門戶項目爬坑之路（二）

• plugins 屬性配置的所有插件會在 Nuxt.js 應用初始化之前被加載導入。開發相關具體事宜這裏不詳細說了，只說明一點ssr之nuxt的配置和路由問題
• 通過nuxt.config.js來覆蓋默認的配置，一般要用到的主要是引入第三方插件或自定義的一些插件的問題

plugins：

例如(nuxt.config.js)：

module.exports = {
  plugins: ['~plugins/vue-notifications']
}

然後, 我們需要創建 plugins/vue-notifications.js 文件：

import Vue from 'vue'
import VueNotifications from 'vue-notifications'

Vue.use(VueNotifications)

plugins 屬性配置的所有插件會在 Nuxt.js 應用初始化之前被加載導入。

每次你需要使用 Vue.use() 時，你需要在 plugins/ 目錄下創建相應的插件文件，並在 nuxt.config.js 中的 plugins 配置項中配置插件的路徑。

路由

（Nuxt.js 依據 pages 目錄結構自動生成 vue-router 模塊的路由配置。）

假設 pages 的目錄結構如下：

pages/
--| user/
-----| index.vue
-----| one.vue
--| index.vue

那麼，Nuxt.js 自動生成的路由配置如下：

router: {
  routes: [
    {
      name: 'index',
      path: '/',
      component: 'pages/index.vue'
    },
    {
      name: 'user',
      path: '/user',
      component: 'pages/user/index.vue'
    },
    {
      name: 'user-one',
      path: '/user/one',
      component: 'pages/user/one.vue'
    }
  ]
}