技術 二個坑，一個坑裡有Nuxt，一個有Socket

坑裡怎麼會是Nuxt Nuxt是我開始前端工作第一個專案用的框架，當初選Nuxt主因是基於Vue，且可以處理Server Side Render，SEO上的問題 Server Side Render...

技術 32. Nuxt 整合 API 服務

這篇介紹 API 服務整合 若頁面內容不全靠 SSR 產生，部分頁面資料得透過瀏覽器向第三方、自架 API 後端抓取，會碰到跨域 + CORS 問題。 為什麼需要特別處理跨域請求？ 瀏覽器為了防止惡意...

技術 31. Nuxt 部署 - 反向代理

Nuxt 以 Universal 模式運行下，後端會起 Node Server (預設是 http://127.0.0.1:3000 ) 網站服務一般都走 80 Port，中間需要人幫忙 反向代理...

技術 29. Nuxt Universal App 部署至 Heroku

前一篇介紹靜態頁部署，若換成 Universal Mode 呢？ 「需要個 Node Server，不時讓人戳」 當工程師懶得管機器 (或你分身乏術)，想把環境設定極度簡化Heroku 適合！ 本篇介...

技術 28. Nuxt 靜態頁部署

這篇介紹靜態頁面部署方式讀者可用電商登入頁案例試試 Nuxt 命令介紹過運行模式差異，透過命令 $ yarn generate /* npm run generate */ 想要跑 minify...

技術 精選甜點 - 風情萬種 Nuxt.js 千層糕

技術 Vue[29]-Nuxt.js

最近在工作上剛好完成了我的第一份前端程式工作，內容是後台報表頁面，主要統計前台活動的各項數劇並用圓餅圖及折線圖顯示，頁面本身沒什麼難度，但API對我這個新手來說就不一樣了，一開始只知道是跟後端要資料而...

技術 27. @nuxtjs/axios 如何透過 module 包裝 axios

Nuxt Axios 模組 - @nuxtjs/axios ，是官方推薦使用的 HTTP Client Module主要功能及組成有 axios 提供 HTTP Client 和 Intercep...

技術 26. Nuxt Module，Nuxt 的擴充元件

Nuxt 不像 Angular 這種大型框架，功能包山包海，核心功能不夠得自行擴充。雖然提過如何透過全域/頁面設定客製、用 Plugin 收納初始化片段，但對於某一功能需要在 Nuxt App 生命週...

技術 25. Nuxt Plugin 如何讓 Axios 更好用 (下)

上一篇解釋 Nuxt 插件 (Plugins)用於管理特定執行環境的程式碼片段，並在 Nuxt App 自動載入、執行 Plugin 使用 一貫簡單風格，需要載入的 plugin 列舉於 nuxt.c...