這篇介紹 API 服務整合 若頁面內容不全靠 SSR 產生,部分頁面資料得透過瀏覽器向第三方、自架 API 後端抓取,會碰到跨域 + CORS 問題。 為什麼需...
Nuxt 以 Universal 模式運行下,後端會起 Node Server (預設是 http://127.0.0.1:3000 ) 網站服務一般都走 8...
第 30 天,聊一下開始玩 Nuxt 的緣由 (本來想寫整合 API 服務,發現內容前面沒提觀念太多,有點跳) 一開始嘗試處理 SEO 混著後端框架寫 Vue...
前一篇介紹靜態頁部署,若換成 Universal Mode 呢? 「需要個 Node Server,不時讓人戳」 當工程師懶得管機器 (或你分身乏術),想把環境...
這篇介紹靜態頁面部署方式 讀者可用電商登入頁案例試試 Nuxt 命令介紹過運行模式差異,透過命令 $ yarn generate /* npm run gen...
Nuxt Axios 模組 - @nuxtjs/axios ,是官方推薦使用的 HTTP Client Module 主要功能及組成有 axios 提供 H...
Nuxt 不像 Angular 這種大型框架,功能包山包海,核心功能不夠得自行擴充。 雖然提過如何透過全域/頁面設定客製、用 Plugin 收納初始化片段,但對...
上一篇解釋 Nuxt 插件 (Plugins) 用於管理特定執行環境的程式碼片段,並在 Nuxt App 自動載入、執行 Plugin 使用 一貫簡單風格,需要...
複習一下 asyncData 動態產生頁面,作業得透過 axios 拉 product api,藉此產生商品頁面的情境 安裝 Axios $ yarn add...
這篇打算為 Nuxt 內建元件收尾,介紹最後兩種 <nuxt-child> <nuxt> 回顧上一章,巢狀路由讓 slug...
Nuxt 路由入門 篇介紹過兩層動態路由 pages/ --| _slug/ -----| comments.vue -----| index.vue --|...
偶而還是會碰到某些區塊不想預先渲染,把某一區塊渲染的負荷分到 Browser,跟SPA一樣做CSR 今天主題寫另一個內建元件 - <no-ssr>...
根據 文件 所寫 就目前而言 <nuxt-link> 和 <router-link> 一樣 點擊功能太常用,身為工程師還是看個仔細實...
今天還沈浸在昨天 Vue Fes Japan 2018 的興奮狀態, 雖然是滿滿的收穫, 但還是要回到現實繼續寫鐵人賽, 根本日本鐵人賽之旅...... 直接進...
本篇要回溯「Nuxt 請求處理流程」,介紹 validate() 前一步驟 - Middleware Middleware 中文翻譯為 中介軟體、中間件、中介...
這篇打算介紹 Nuxt 可運行模式與解決情境 其中兩種靠調整設定,決定是否需要 Node Server Universal SPA 以及單純靜態頁 靜態頁...
昨天夜宿機場寫鐵人賽和搭飛機實在太累了,也完全沒睡到, 到東京後找了一間 starbucks 瘋狂寫鐵人賽(其實是太累走不動), 也寫了一個下午。 發佈這篇的同...
昨天有人問我引用圖片的路徑問題,答案整理成一篇補充 雖說是圖片(image)、檔案(file)、樣式(css/scss/sass)、js等靜態資源,Nuxt 依...
發這篇文的時候, 我人在機場準備出發去參加 Vue Fes Japan 2018, 人生第一次出國參加 conference 啊,好興奮! 所以這篇文就在桃園機...
前幾篇提過頁面細部設定,對某一頁調 <head>、改 transition等細部調整。 有些調整,突然 PM 希望套用到整個網站,該怎麼辦? 而前文...
首先先複習一下所有 pages 的結構, 在 Day12 Pages: 簡單介紹所有頁面大概有的功能 有介紹本專案的全部頁面。 今天來寫 admin 相關的所有...
這篇主題講「Nuxt 如何用 fetch 動態產生頁面內容」 用來補充頁面細部設定 複習一下 Nuxt 收到請求後的處理流程 asyncData 和 fetc...
這篇主題講「Nuxt 如何用 asyncData 動態產生頁面內容」 用來補充頁面細部設定 asyncData 在執行順序中,排在頁面渲染(render)前,回...
已經過了 21 天,終於要進入 Vuex 相關的章節。 在開始寫 code 之前,先分享一個 Vue 核心成員 Chris Fritz 今年的演講影片, 介紹了...
從第 13 ~ 20 天,將部落格所需要的所有元件開發完畢, 這便簡單複習一下目前有的元件: TheTags (顯示標籤) TheMarkdown (預...
這篇是頁面客製段落其三,主題講「Nuxt 頁面轉場效果如何調整」 回憶兩種暫態 正在讀取中 => 讀取效果 (Loading) 頁面切換中 =>...
這篇是頁面客製段落其二,主題講「Nuxt 頁面讀取效果如何調整」 用來補充頁面細部設定 讓我們回想錯誤頁面,是用來「呈現錯誤狀態的頁面元件」 而頁面渲染前,N...
今天開發的 FormAddPost 主要功能為 新增/修改 一篇文章的表單。 會用到之前寫的元件: TheMarkdown vue-codemirror Po...
接下來幾篇都屬頁面客製,這篇講「Nuxt 發生錯誤時,他怎麼判斷與反應」 先回顧這張流程圖 Nuxt 收到請求時,會經過這麼多步驟 而碰到不可預期的錯誤或頁面...
今天會擴充套件 codemirror 和 vue-codemirror。 使我們在部落格中編輯或發佈文章時, 輸入的 markdown 是會有高亮的, 這篇是為...