• head 配置
  頁面默認(rèn)meta設(shè)置
  具體配置：https://zh.nuxtjs.org/api/configuration-head/

• loading
  個(gè)性化定制頁面加載 （默認(rèn)顯示加載進(jìn)度條）
  可以定制它的樣式，禁用或者創(chuàng)建自己的加載組件。
  具體配置：https://zh.nuxtjs.org/api/configuration-loading/

• css
  定義應(yīng)用的全局樣式文件、模塊或第三方庫
  具體配置：https://zh.nuxtjs.org/api/configuration-css/

• plugins
  配置需要在 根vue.js應(yīng)用 實(shí)例化之前運(yùn)行的 Javascript 插件。
  ssr設(shè)置為false 只在客戶端使用
  具體配置：https://zh.nuxtjs.org/api/configuration-plugins/

• routes
  覆蓋 Nuxt.js 默認(rèn)的 vue-router 配置。

  • base 配置應(yīng)用的根URL
  • extendRoutes 擴(kuò)展路由（添加自定義路由）
  • 激活類名配置
  • 應(yīng)用的每個(gè)頁面的中間件
  • scrollBehavior 個(gè)性化配置跳轉(zhuǎn)至目標(biāo)頁面后的頁面滾動(dòng)位置
    具體配置：https://zh.nuxtjs.org/api/configuration-router/
    中間件使用

  //  頁面單獨(dú)使用
  export default {
   midddleware: 'auth'
  }
  // 2、 全局使用，中間件在每個(gè)路由改變時(shí)被調(diào)用
  router : {
  midddleware: 'auth'
  }
  
  

• build
  Nuxt.js 允許你在自動(dòng)生成的 vendor.bundle.js 文件中添加一些模塊，以減少應(yīng)用 bundle 的體積。如果你的應(yīng)用依賴第三方模塊，這個(gè)配置項(xiàng)是十分實(shí)用的。
  【webpack的相關(guān)配置可以在這配置】

  • 1、vendor配置 ： 添加模塊，配置只打包一次，減少應(yīng)用bundle的體積。比如，對于axios這種ajax請求插件，基本每個(gè)頁面都使用import引入，會(huì)導(dǎo)致打包時(shí)打包多次，這時(shí)需要配置，實(shí)現(xiàn)只打包一次。

    build: {
       vendor: ['axios', 'iview']
    }
  

  • 2、plugins 配置 Webpack 插件
    項(xiàng)目開發(fā)時(shí)，js文件需要用到lodash

    plugins: [
       new webpack.ProvidePlugin({
         _: 'lodash'
       })
     ]
  

• generate
  生成靜態(tài)站時(shí)，動(dòng)態(tài)路由不可識(shí)別，所以需要這邊配置生成對應(yīng)目錄結(jié)構(gòu)的靜態(tài)文件

  generate: {
  // 動(dòng)態(tài)路由不可識(shí)別，所以這邊需要寫
  // 可預(yù)測的可以直接寫
  //不可預(yù)測的動(dòng)態(tài)路由則通過axios搭配promise或者回調(diào)函數(shù)配置 【具體可看官網(wǎng)】
   routes: [
     '/zh',
     '/en',
     '/zh/service/a',
     '/en/service/a',
     '/zh/service/b',
     '/en/service/b',
   ]
  

這邊只整理了目前我所用到的主要配置，具體配置可看官網(wǎng)：https://zh.nuxtjs.org/guide/configuration

贊贊哇.png