該文章純屬筆記，寫的非常凌亂，請諒解nuxt.js是vue專案中乙個能夠搜尋引擎優化的框架，原來的vue專案的前後端分離，均是通過傳送ajax請求然後獲取json非同步方式。這種方式不利於搜尋引擎優化，因為搜尋引擎爬蟲爬到後是空殼子。nuxt.js解決這一難點。
安裝vue
在windows環境中安裝nodejs，再安裝npm。基本環境安裝完成後，設定vue映象位址，國外映象很慢。
設定**映象位址
npm config set registry
驗證是否可行
npm config get registry
安裝vue
npm install vue -g
npm install -g vue-cli
新建乙個vue專案
不建議重頭開始，直接使用vue init webpack 專案名
vue init webpack hello
出現如下填寫的資訊，依次填寫，很簡單很方便就完事了。
進入到建立專案的目錄hello中，依次成功執行
npm install
npm run dev
啟動完成，後面的開發可以一葫蘆畫瓢了。可能有一些許可權，可以設定路由***。請求的***，都可以設定，可以參考一些簡單的框架**，比如：他們是如何做的。
使用nuxt.js
安裝nuxt.js
啟動專案，依次啟動npm install，npm run dev這樣就啟動起來了
設定專案的埠，ip我選擇本地
nuxt與vue不同之處
vue專案的路由，需要在router.js中自己去定義，然後指向某個compoent。
而nuxt不同，nuxt不需要去定義。根據pages目錄下的檔案自動生成。
訪問路徑依次如下
http://localhost:3333對應pages/index.vue
http://localhost:3333/page/對應pages/page/index.vue
部署nuxt.js
nuxt.js部署有兩種模式（不是方式），第一種模式是生成純寫死的靜態頁面，第二種模式是生成ssr模式的頁面。大多數生成ssr模式的，如果是靜態的沒有必要再用nuxt非那麼大周折了。
靜態生成的方式位址
ssr模式的
分別執行
npm install
npm run build
構建完成後，將如下圖的四個檔案目錄拷貝到部署伺服器的新建的目錄下
拷貝到特定目錄下如下，執行
npm install
然後執行npm start
啟動完成後如下
當然了，你可以通過pm2進行管理，安裝pm2執行npm install -g pm2
安裝完成後，執行
ssrweb的demo可以檢視一下
electron專案
把 的**下來丟專案裡
vue init ./electron-vue my-project
electron.js 打包成exe
安裝nuxt 一天上手Nuxt基於vue服務端渲染
下面會列舉一下開發中的盲點。目錄結構 布局layout layout中default.vue檔案加入以下 當然寫法有很多，根據自己喜歡的來。template 頭部123 新增error.vue頁面引導錯誤404頁面。404！src static 404.png width 240 2.監聽頁面間引數...
vue路由傳參方式 nuxt
vue路由傳參常用的三種方式 1 通過params來傳遞引數 本人常用 傳遞引數 接收引數 2 通過path跳轉 getdescribe id 對應路由配置如下 接收引數 route.params.id3 通過query傳參 引數會顯示在url後面？id 注意 頁面之間的跳轉使用query 不然的話...
nuxt用與不用的原因
為什麼選擇 nuxt 來做 ssr 問題1 就是我們無需為了路由劃分而煩惱，你只需要按照對應的資料夾層級建立 vue 檔案就行 問題2 無需考慮資料傳輸問題，nuxt 會在模板輸出之前非同步請求資料 需要引入 axios 庫 而且對 vuex 有進一步的封裝 問題3 內建了 webpack，省去了配...