知識分享

Configuration API 提供了一個中心地帶，用來儲存模組的組態資料 (configuration data)。簡單組態的如 "網站名稱" ， 複雜點的則如 "views" 或 "content type" 等設定。

組態所儲存的資料，可以用在開發站 synchronize 到正式站的。通常是那些在建站階段會修改，但正式站不太會有機會變動的。 如果是要儲存 local變數這種不需要被轉移的資料，則應該使用 State API。

本文參考： 1. https://www.drupal.org/docs/8/api/services-and-dependency-injection/structure-of-a-service-file 2. https://symfony.com/doc/3.4/service_container.html

Services 源自於 Symfony，代表的是 有用的物件(object) ，例如 你有一個 Mail 物件(object)，它可以在另一個 object 把資料存檔的時候幫你寄信之類的。 而這類型的 Service 會存在於 service container 的特殊object 裡，透過 services.yml 就可以註冊這些 有用的物件 並放進 Drupal 的 servcie container 裡。

Middleware 會在一個頁面或一群頁面render之前執行的程式。

例如驗證使用者權限之類的功能，就會以middleware的方式來處理。

middleware會接收到一個context的變數作為第一個參數，關於context 裡面有key，可參考這裡。

middleware被執行的順序如下：

1. nuxt.config.js
2. 符合的 layout
3. 符合的 page

以下是參考範例
先在middleware裡面建立要執行的程式，檔名會自動可成為被呼叫的名稱

middleware/stats.js

import axios from 'axios'

export default function ({ route }) {
  return axios.post('http://my-stats-api.com', {
    url: route.fullPath
  })
}

nuxt.config.js

module.

說明文件：https://nuxtjs.org/guide/configuration

nuxt.config.js 的內容大概長這樣

module.exports = {
  /*
  ** Headers of the page
  */
  head: {
    title: 'my-project',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: 'Nuxt.js project' }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
    ]
  },
  /*
  ** Customize the progress bar color
  */
  loading: { color: '#3B8070