技術 Day 16. Nuxt.js 專案開箱

距離 Day 02 也幾天了，在介紹完基本 Laravel API 開發之後，今天開始要介紹 Nuxt.js。和多數大神介紹方式不同，小弟比較喜歡透過造輪子了解特性 (其實只是不學無術 XD) ，所以...

技術 二個坑，一個坑裡有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 生命週...